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 35728

>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 36471

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 37444

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 39543

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 40573

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

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 27570

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 48055

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 48376

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

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

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

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

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

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

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

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

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

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

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 58377

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 58914

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

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

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

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

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

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

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

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

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

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

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 66512

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

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

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

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 70581

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 70581

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 73768

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 59449

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 78316

48rem)"/><img src="https://hips.hearstapps.com/hmg-prod/images/screen-shot-2024-03-21-at-8-29-22-am-65fc28338b01f.png?crop=0.481xw:0.858xh;0.519xw,0.0121xh&resize=640:*" alt="hailey bieber" title="hailey bieber" width="1484" height="832" decoding="async" fetchPriority="high" sizes="100vw"/></pict
141 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 79826

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

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

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

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

in 2020. </p><section data-embed="instagram" data-lazy-id="P0-7" data-node-id="1" class="embed"><div d
146 Error When the srcset attribute has any image candidate string with a width descriptor, the sizes attribute must also be present.
On line 25, column 91052

e202qz20"><img srcset="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1711024095-FrankiesBiknis-HarmonyRayonDress-White-Front2_750x.jpg?crop=1xw:1xh;center,top&resize=640:* 640w, https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1711024095-FrankiesBiknis-HarmonyRayonDress-White-Front2_750x.jpg?crop=1xw:1xh;center,top&resize=980:* 980w" alt="Harmony Mini Dress" title="Harmony Mini Dress" src="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1711024095-FrankiesBiknis-HarmonyRayonDress-White-Front2_750x.jpg?crop=1xw:1xh;center,top&resize=980:*" width="750" height="1124" decoding="async" loading="lazy"/></div>
147 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 92837

ine-color:body-cta-btn-link-focus;}.css
148 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 94196

ine-color:body-cta-btn-link-focus;}.css
149 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 94319

ine-color:body-cta-btn-link-focus;}.css
150 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 96506

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

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

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

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

much fun.”</p><section data-embed="editorial-link" data-lazy-id="P0-9" data-node-id="7" class="embed"><style
155 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 103179

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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