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 35334

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

und-color:background-color: #ffff80;">bg-primary;posit
121 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 58515

der-height,0px));padding-botto
122 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 62036

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

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

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

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

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

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

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

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

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

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 66190

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

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

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

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 70254

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 70254

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 73442

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 59050

12v113f9"><section data-lazy-id="P0-6"><style
140 Error The sizes attribute may be specified only if the srcset attribute is also present.
On line 25, column 77978

48rem)"/><img src="https://hips.hearstapps.com/hmg-prod/images/screen-shot-2024-03-29-at-6-28-57-am-660697f831bb6.png?crop=0.497xw:0.877xh;0,0&resize=640:*" alt="beyonce and miley cyrus" title="beyonce and miley cyrus" width="1386" height="784" decoding="async" fetchPriority="high" sizes="100vw"/></pict
141 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 80749

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

sonality. </p><section data-embed="youtube" data-lazy-id="P0-7" data-node-id="1" class="embed"><div d
143 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 82960

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

ley."</p><section data-embed="x" data-lazy-id="P0-8" data-node-id="3" class="embed"><div d
145 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 84246

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

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

ion-color:border-link-body-hover;}</st
148 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 85484

of work.”</p><section data-embed="watch-next" data-lazy-id="P0-9" data-node-id="5" class="embed"></sect
149 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 85583

s="embed"></section><section data-embed="editorial-link" data-lazy-id="P0-10" data-node-id="6" class="embed"><style
150 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 91878

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

tic love. </p><section data-embed="x" data-lazy-id="P0-11" data-node-id="11" class="embed"><div d
152 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 95751

<em>Mm, oh</em></blockquote><section data-embed="editorial-link" data-lazy-id="P0-12" data-node-id="16" class="embed"><aside
153 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 100014

der-height,0px));padding-botto
154 Info The img role is unnecessary for element img.
On line 25, column 104992

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
155 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 108846

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dow:none;inset:0;margin:auto;-
179 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 148382

(-45deg);}</style><div aria-label="Close" class="mobile-adhesion-unit-close-button css-14szldf e1vfowua0"></div>
180 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 34265

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

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

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

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

ationships</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="sexandrelationships" aria-label="Sex and Relationships" class="css-pjjyzu e2qp9868"></butt
185 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 37050

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

r Editions</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="othereditions" aria-label="Other Editions" class="css-pjjyzu e2qp9868"></butt
Link copied to clipboard