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 36567

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

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 38283

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 40382

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 41412

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

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 28409

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 48894

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 49215

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

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

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

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

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

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

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

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

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

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

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 59212

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 59749

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

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

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

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

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

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

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

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

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

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

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 67366

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

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

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

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 71439

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 71439

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 74627

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 60284

12v113f9"><section data-lazy-id="P0-6"><style
140 Info The img role is unnecessary for element img.
On line 25, column 79567

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

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

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 82071

ion-color:border-link-body-hover;}</st
144 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 84902

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

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

ion-color:border-link-body-hover;}</st
147 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 101745

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

ne-offset:0.25rem;color
149 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 102069

ne-offset:0.125rem;}.css
150 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 102148

ion-color:border-link-body-hover;}</st
151 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 102288

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

ne-offset:0.25rem;color
153 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 102612

ne-offset:0.125rem;}.css
154 Error CSS: text-decoration-color: border-link-body-hover is not a text-decoration-color value.
On line 25, column 102690

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

ent steed:</p><section data-embed="body-image" data-lazy-id="P0-10" data-node-id="5" class="embed"><style
156 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 112228

going on.”</p><section data-embed="watch-next" data-lazy-id="P0-11" data-node-id="7" class="embed"></sect
157 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 112323

s="embed"></section><section data-embed="body-image" data-lazy-id="P0-12" data-node-id="8" class="embed"><div s
158 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 115904

olo match:</p><section data-embed="body-image" data-lazy-id="P0-14" data-node-id="12" 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 117872

rles, tbh.</p><section data-embed="body-image" data-lazy-id="P0-16" data-node-id="15" 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 119814

eir vibes:</p><section data-embed="body-image" data-lazy-id="P0-18" data-node-id="18" class="embed"><div s
161 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 121519

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-19" data-node-id="19" class="embed"><div s
162 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 123947

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

29, 1981. </p><section data-embed="youtube" data-lazy-id="P0-21" data-node-id="22" class="embed"><div d
164 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 136432

e202qz20"><img srcset="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1620689505-41VFFOUSlQL._SL500_.jpg?crop=1xw:1xh;center,top&resize=640:* 640w, https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1620689505-41VFFOUSlQL._SL500_.jpg?crop=1xw:1xh;center,top&resize=980:* 980w" alt="Diana: Her True Story--in Her Own Words" title="Diana: Her True Story--in Her Own Words" src="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1620689505-41VFFOUSlQL._SL500_.jpg?crop=1xw:1xh;center,top&resize=980:*" width="333" height="500" decoding="async" loading="lazy"/></div>
165 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 138688

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

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

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

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

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

ng tried.”</p><section data-embed="youtube" data-lazy-id="P0-28" data-node-id="40" class="embed"><div d
171 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 165300

itz Hotel.</p><section data-embed="body-image" data-lazy-id="P0-32" data-node-id="49" class="embed"><div s
172 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 166850

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-33" data-node-id="50" class="embed"><div s
173 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 168753

al events:</p><section data-embed="body-image" data-lazy-id="P0-35" data-node-id="53" class="embed"><div s
174 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 170780

-free, so.</p><section data-embed="body-image" data-lazy-id="P0-37" data-node-id="57" class="embed"><div s
175 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 174481

me10">Lol.</p><section data-embed="body-image" data-lazy-id="P0-39" data-node-id="61" class="embed"><div s
176 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 176929

nsort</a>.</p><section data-embed="body-image" data-lazy-id="P0-41" data-node-id="64" class="embed"><div s
177 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 178778

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

! Witness:</p><section data-embed="instagram" data-lazy-id="P0-42" data-node-id="66" class="embed"><div d
179 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 180786

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

ait taken:</p><section data-embed="instagram" data-lazy-id="P0-44" data-node-id="69" class="embed"><div d
181 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 185822

as usual.”</p><section data-embed="body-image" data-lazy-id="P0-46" data-node-id="76" class="embed"><div s
182 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 187563

29, 2024. </div></div></div></div></section><section data-embed="editorial-link" data-lazy-id="P0-47" data-node-id="77" class="embed"><style
183 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 190684

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

eagam8p1"></span></a></li></ul></aside></section><section data-embed="x" data-lazy-id="P0-48" data-node-id="78" class="embed"><div d
185 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 192459

n Norfolk.</p><section data-embed="body-image" data-lazy-id="P0-49" data-node-id="81" class="embed"><div s
186 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 200512

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

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

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

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

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

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

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

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

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

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

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

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

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

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

der-height,0px));padding-botto
Link copied to clipboard