logoβ


Technical audit report for www.cosmopolitan.com

This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change
Html Checker

Use the Message Filtering button below...


Showing results for

You can view the notes... view-source: _link

# results
101 Info The button role is unnecessary for element button.
On line 25, column 34353

m14">Style</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="style" aria-label="Style" class="css-pjjyzu e2qp9868"></butt
102 Info The button role is unnecessary for element button.
On line 25, column 34659

>Lifestyle</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="lifestyle" aria-label="Lifestyle" class="css-pjjyzu e2qp9868"></butt
103 Info The button role is unnecessary for element button.
On line 25, column 35402

ationships</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="sexandrelationships" aria-label="Sex and Relationships" class="css-pjjyzu e2qp9868"></butt
104 Info The button role is unnecessary for element button.
On line 25, column 36375

14">Social</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="social" aria-label="Social" class="css-pjjyzu e2qp9868"></butt
105 Info The button role is unnecessary for element button.
On line 25, column 38474

r Editions</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="othereditions" aria-label="Other Editions" class="css-pjjyzu e2qp9868"></butt
106 Error CSS: transition: 0.2 is not a transition value.
On line 25, column 39504

acity 0.2 linear;}.no-
107 Error CSS: color: activside-panel-sub-menu-hover is not a color value.
On line 25, column 39582

ver{color: #ffff80;">color:color: #ffff80;">activside-panel-sub-menu-hover;}.css
108 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 26501

ar:none;}}</style><section data-lazy-id="P0-5"><style
109 Error CSS: scrollbar-width: Property scrollbar-width doesn't exist.
On line 25, column 46986

ght:0rem;}</style><div style="scrollbar-width:none;" class="css-1eedhwc e1i5n3t52"><style
110 Error CSS: transform: undefinedpx is not a transform value.
On line 25, column 47307

teX(undefinedpx);width:100%;}@
111 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 49058

ne-offset:0.25rem;text-
112 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 49094

thickness:0.0625rem;}</st
113 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 49639

ne-offset:0.25rem;text-
114 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 49675

thickness:0.0625rem;}</st
115 Error CSS: box-shadow: nav-subscribe-link is not a box-shadow value.
On line 25, column 51441

ox-shadow:nav-subscribe-link.hover
116 Error CSS: Parse Error.
On line 25, column 51448

ribe-link.hover;background-col
117 Error CSS: Unknown pseudo-element or pseudo-class :nav-subscribe-link
On line 25, column 51483

und-color:nav-subscribe-link.hover
118 Error CSS: Parse Error.
On line 25, column 51493

e-link.hover-bg;}}@media(max-w
119 Error CSS: Parse Error.
On line 25, column 51495

link.hover-bg;}}@media(max-wid
120 Info The button role is unnecessary for element button.
On line 25, column 56408

border:0;}</style><button role="button" aria-label="search" aria-expanded="false" class="e1nw3yv14 css-4kdgw4 e12nq69g1"><style
121 Error CSS: background-color: bg-primary is not a background-color value.
On line 25, column 57303

und-color:background-color: #ffff80;">bg-primary;posit
122 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 61648

ne-offset:0.25rem;text-
123 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 61684

thickness:0.0625rem;}.css
124 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 61808

ne-offset:0.25rem;text-
125 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 61844

thickness:0.0625rem;}</st
126 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 62060

ne-offset:0.25rem;text-
127 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 62096

thickness:0.0625rem;}.css
128 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 62219

ne-offset:0.25rem;text-
129 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 62255

thickness:0.0625rem;}</st
130 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 65465

thickness:0.0625rem;text-
131 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 65525

ne-offset:0.25rem;color
132 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 65713

ion-color:border-link-body-hover;}</st
133 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 66322

ne-offset:0.1rem;}</st
134 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 68758

thickness:0.0625rem;text-
135 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 68818

ne-offset:0.25rem;color
136 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 69792

ion-color:border-link-body-hover;}.css
137 Error The text content of element time was not in the required format: The literal did not satisfy the time-datetime format.
On line 25, column 69792

ion-color:border-link-body-hover;}.css
138 Error CSS: outline-offset: outline-offset-s is not a outline-offset value.
On line 25, column 73014

ne-offset:outline-offset-s;}.css
139 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 57783

12v113f9"><section data-lazy-id="P0-6"><div c
140 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 77390

thickness:0.0625rem;text-
141 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 77450

ne-offset:0.25rem;color
142 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 77675

ion-color:border-link-body-hover;}</st
143 Info The value of attribute data-vars-ga-call-to-action on element a from namespace http://www.w3.org/1999/xhtml is not in Unicode Normalization Form C.
On line 25, column 83721

and top. <a href="https://go.redirectingat.com/?id=74968X1525071&url=https%3A%2F%2Fwww.chloe.com%2Fus" target="_blank" data-vars-ga-outbound-link="https://www.chloe.com/us" data-vars-ga-ux-element="Hyperlink" an style="background-color: #ffff80;">data-vars-ga-call-to-actionan>="Chloé" data-vars-ga-product-id="9ec6966d-717b-4683-9221-9252ba905ea6" data-vars-ga-link-treatment="(not set) | (not set)" data-href="https://www.chloe.com/us" data-product-url="https://www.chloe.com/us" data-affiliate="true" data-affiliate-url="https://go.redirectingat.com/?id=74968X1525071&url=https%3A%2F%2Fwww.chloe.com%2Fus" data-affiliate-network="{}" data-vars-ga-product-price="$0.00" data-vars-ga-product-retailer-id="20a156be-e46a-4dad-86e4-2e3a5856d83b" class="body-link product-links css-1xhj8kb e1rq56bv0">Chloé
144 Info Text run is not in Unicode Normalization Form C.
On line 25, column 83721

and top. <a href="https://go.redirectingat.com/?id=74968X1525071&url=https%3A%2F%2Fwww.chloe.com%2Fus" target="_blank" data-vars-ga-outbound-link="https://www.chloe.com/us" data-vars-ga-ux-element="Hyperlink" data-vars-ga-call-to-action="Chloé" data-vars-ga-product-id="9ec6966d-717b-4683-9221-9252ba905ea6" data-vars-ga-link-treatment="(not set) | (not set)" data-href="https://www.chloe.com/us" data-product-url="https://www.chloe.com/us" data-affiliate="true" data-affiliate-url="https://go.redirectingat.com/?id=74968X1525071&url=https%3A%2F%2Fwww.chloe.com%2Fus" data-affiliate-network="{}" data-vars-ga-product-price="$0.00" data-vars-ga-product-retailer-id="20a156be-e46a-4dad-86e4-2e3a5856d83b" class="body-link product-links css-1xhj8kb e1rq56bv0">Chloé
145 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 78979

1k3dme10"></p><section data-embed="body-image" data-lazy-id="P0-7" data-node-id="2" class="embed"><style
146 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 88390

thickness:0.0625rem;text-
147 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 88450

ne-offset:0.25rem;color
148 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 89123

ion-color:border-link-body-hover;backg
149 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 89213

ine-color:body-cta-btn-link-focus;}</st
150 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 85592

I’m not.”</p><section data-embed="body-image" data-lazy-id="P0-8" data-node-id="4" class="embed"><style
151 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 93195

1k3dme10"></p><section data-embed="body-image" data-lazy-id="P0-9" data-node-id="10" class="embed"><style
152 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 102107

hemselves.</p><section data-embed="loop" data-lazy-id="P0-10" data-node-id="14" class="embed"><style
153 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 104862

="celtra"><section data-lazy-parent="P0-11" class="embed"><style
154 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 104789

e alarmed.</p><section data-embed="celtra" data-lazy-id="P0-11" data-node-id="19" class="embed"><div d
155 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 107599

sup></em> </p><section data-embed="loop" data-lazy-id="P0-12" data-node-id="24" class="embed"><style
156 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 117639

"><strong></strong></p><section data-embed="body-image" data-lazy-id="P0-14" data-node-id="34" class="embed"><div s
157 Info The img role is unnecessary for element img.
On line 25, column 124563

ht:3rem;}}</style><img data-dynamic-svg="true" src="/_assets/design-tokens/fre/static/icons/play.db7c035.svg?primary=%2523ffffff" loading="lazy" data-testid="dynamic-svg-base" height="24" width="24" alt="Play Icon" role="img" title="Play" class="css-1nixqio e18imbuu1"/></butt
158 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 126960

’m sorry. </p><section data-embed="body-image" data-lazy-id="P0-15" data-node-id="44" class="embed"><div s
159 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 129804

1k3dme10"></p><section data-embed="body-image" data-lazy-id="P0-16" data-node-id="50" class="embed"><div s
160 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 136941

em></sup> </p><section data-embed="loop" data-lazy-id="P0-17" data-node-id="57" class="embed"><div c
161 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 140046

1k3dme10"></p><section data-embed="body-image" data-lazy-id="P0-18" data-node-id="65" class="embed"><div s
162 Info The img role is unnecessary for element img.
On line 25, column 161726

18imbuu0"><img data-dynamic-svg="true" src="/_assets/design-tokens/fre/static/icons/play.db7c035.svg?primary=%2523ffffff" loading="lazy" data-testid="dynamic-svg-base" height="24" width="24" alt="Play Icon" role="img" title="Play" class="css-1nixqio e18imbuu1"/></butt
163 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 163781

us….<br/></p><section data-embed="loop" data-lazy-id="P0-20" data-node-id="84" class="embed"><div c
164 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 165459

rst time. </p><section data-embed="body-image" data-lazy-id="P0-21" data-node-id="90" class="embed"><div s
165 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 168732

="celtra"><section data-lazy-parent="P0-22" class="embed"><div d
166 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 168659

em></sup> </p><section data-embed="celtra" data-lazy-id="P0-22" data-node-id="94" class="embed"><div d
167 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 170362

1k3dme10"></p><section data-embed="body-image" data-lazy-id="P0-23" data-node-id="100" class="embed"><div s
168 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 178291

gets dry.</p><section data-embed="loop" data-lazy-id="P0-24" data-node-id="103" class="embed"><div c
169 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 179759

t help it.</p><section data-embed="loop" data-lazy-id="P0-25" data-node-id="108" class="embed"><div c
170 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 194891

ne-offset:0.0625rem;text-
171 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 194927

thickness:0.0625rem;}.css
172 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 195007

ion-color:border-link-body-hover;}</st
173 Error CSS: min-height: Too many values or values are not recognized.
On line 25, column 195194

in-height:none;}@med
174 Error CSS: min-height: Too many values or values are not recognized.
On line 25, column 195438

in-height:none;}@med
175 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 195570

der-height,0px));padding-botto
176 Error CSS: color: link-block-header is not a color value.
On line 25, column 198358

r a{color: #ffff80;">color:color: #ffff80;">link-block-header;-webk
177 Error CSS: color: link-hover-block-header is not a color value.
On line 25, column 198545

ver{color: #ffff80;">color:color: #ffff80;">link-hover-block-header;}.css
178 Error CSS: background-color: bg-block-content-four-across is not a background-color value.
On line 25, column 200666

und-color:background-color: #ffff80;">bg-block-content-four-across;}.css
179 Error CSS: color: link-hover is not a color value.
On line 25, column 201640

ver{color: #ffff80;">color:color: #ffff80;">link-hover;}}@me
180 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 207905

ne-offset:0.0625rem;text-
181 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 207941

thickness:0.0625rem;}.css
182 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 208021

ion-color:border-link-body-hover;}</st
183 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 208377

der-height,0px));padding-botto
184 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 209459

lor:#000;}</style><section class=" css-12m11mc ey0rc9t0"><style
185 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 213718

eagam8p1"></span></p></div></a></div></section><section class=" css-12m11mc ey0rc9t0"><div c
186 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 220437

ne-offset:0.0625rem;text-
187 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 220473

thickness:0.0625rem;}.css
188 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 220553

ion-color:border-link-body-hover;}</st
189 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 220907

der-height,0px));padding-botto
190 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 196187

1mlbw030"></div><section data-lazy-id="P0-26"><style
191 Info The navigation role is unnecessary for element nav.
On line 25, column 226371

4, 1fr);}}</style><nav data-track-type="footer-menu" role="navigation" aria-label="Footer" class="css-1e16p1 e11dkm0v8"><style
192 Error CSS: inset: Property inset doesn't exist.
On line 25, column 233367

dow:none;inset:0;margin:auto;-
193 Error CSS: inset: Property inset doesn't exist.
On line 25, column 233710

dow:none;inset:0;margin:auto;-
194 Info Possible misuse of aria-label. (If you disagree with this warning, file an issue report or send e-mail to [email protected].)
On line 25, column 233941

(-45deg);}</style><div aria-label="Close" class="mobile-adhesion-unit-close-button css-14szldf e1vfowua0"></div>
195 Info Text run is not in Unicode Normalization Form C.
On line 25, column 402785

:"Madison Bailey","type":"text"}],"name":"a","attribs":{"href":"https://www.cosmopolitan.com/entertainment/tv/a43241550/best-madison-bailey-movies-tv-shows/","target":"_blank","data-vars-ga-outbound-link":"https://www.cosmopolitan.com/entertainment/tv/a43241550/best-madison-bailey-movies-tv-shows/","data-vars-ga-ux-element":"Hyperlink","data-vars-ga-call-to-action":"Madison Bailey","class":"body-link"},"type":"tag","response":{}},{"data":": She isn’t interested in wearing a mask that grins and lies, as poet Paul Laurence Dunbar once wrote. She’d much prefer to show the truth of her reality and to live in a world where that’s the norm. “If everyone were just 10 percent more honest, we would see a lot of shit changing,” she says over lunch at a French bistro just outside Los Angeles.","type":"text"},{"children":[],"name":"br","attribs":{},"type":"tag"}],"name":"p","attribs":{"class":"body-dropcap","data-journey-content":true},"type":"tag"},{"children":[],"name":"p","attribs":{},"type":"tag"},{"children":[],"name":"image","attribs":{"id":"a8912bf4-f48f-4e43-a5bf-56d332b10224","mediaid":"1503cbba-28d6-40b3-b131-8a9cbbc8fc21","align":"center","size":"medium","share":"false","caption":"\u003cem\u003e\u003ca href=\"https://www.michaellosordo.com/en-us\" target=\"_blank\"\u003eMichael Lo Sordo\u003c/a\u003e crystal bralette and top. \u003ca href=\"https://www.chloe.com/us\" target=\"_blank\"\u003eChloé\u003c/a\u003e pants. \u003ca href=\"https://www.pomellato.com/en_us\" target=\"_blank\"\u003ePomellato\u003c/a\u003e earrings. \u003ca href=\"https://luisaalexander.com/\" target=\"_blank\"\u003eLuisa Alexander\u003c/a\u003e bracelet. \u003ca href=\"https://sarashala.com/\" target=\"_blank\"\u003eSara Shala\u003c/a\u003e ring.\u003c/em\u003e","expand":"","crop":"original","first":true},"type":"tag","response":{"captionDom":{"children":[{"children":[{"children":[{"data":"Michael Lo Sordo","type":"text"}],"name":"a","attribs":{"href":"https://www.michaellosordo.com/en-us","target":"_blank","data-vars-ga-outbound-link":"https://www.michaell
196 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 33590

(-45deg);}</style><button role="button" tabindex="0" aria-expanded="false" aria-controls="joincosmounlocked" aria-label="Join Cosmo Unlocked" class="css-pjjyzu e2qp9868"></butt
197 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 34048

14">Beauty</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="beauty" aria-label="Beauty" class="css-pjjyzu e2qp9868"></butt
198 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 34353

m14">Style</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="style" aria-label="Style" class="css-pjjyzu e2qp9868"></butt
199 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 34659

>Lifestyle</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="lifestyle" aria-label="Lifestyle" class="css-pjjyzu e2qp9868"></butt
200 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 35402

ationships</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="sexandrelationships" aria-label="Sex and Relationships" class="css-pjjyzu e2qp9868"></butt
Link copied to clipboard