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 35709

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

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 37425

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 39524

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 40554

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

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 27551

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 48036

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 48357

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

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

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

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

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

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

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

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

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

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

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 58364

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 58901

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

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

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

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

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

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

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

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

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

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

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 66601

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

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

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

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 70651

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 70651

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 74026

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 59436

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

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-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 82886

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

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

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 84202

shall we? </p><section data-embed="body-image" data-lazy-id="P0-7" data-node-id="1" class="embed"><style
145 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 89783

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

rumors. </p><section data-embed="instagram" data-lazy-id="P0-8" data-node-id="4" class="embed"><div d
147 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 91913

and Chase.</p><section data-embed="watch-next" data-lazy-id="P0-9" data-node-id="8" class="embed"></sect
148 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 92461

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

ow?” <br/></p><section data-embed="tiktok" data-lazy-id="P0-10" data-node-id="10" class="embed"><div d
150 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 97315

="tiktok"><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 97242

tooed arm.</p><section data-embed="tiktok" data-lazy-id="P0-11" data-node-id="20" 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 99832

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

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

’” S’cute!</p><section data-embed="instagram" data-lazy-id="P0-13" data-node-id="28" 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 104159

im a kiss.</p><section data-embed="body-image" data-lazy-id="P0-14" data-node-id="32" class="embed"><div s
156 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 105721

e partner!</p><section data-embed="body-image" data-lazy-id="P0-15" data-node-id="34" class="embed"><div s
157 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 109912

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

er sides: </p><section data-embed="tiktok" data-lazy-id="P0-16" data-node-id="42" class="embed"><div d
159 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 111150

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

the actor.</p><section data-embed="instagram" data-lazy-id="P0-17" data-node-id="44" class="embed"><div d
161 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 112083

sta Story:</p><section data-embed="body-image" data-lazy-id="P0-18" data-node-id="47" 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 113517

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

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

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-21" data-node-id="52" 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 119857

nstagram"><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 119781

(swipe!):</p><section data-embed="instagram" data-lazy-id="P0-22" data-node-id="57" 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 120919

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

cordingly.</p><section data-embed="tiktok" data-lazy-id="P0-23" data-node-id="60" class="embed"><div d
169 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 121937

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

nstagram"><section data-lazy-parent="P0-25" 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 124324

I tried! </p><section data-embed="instagram" data-lazy-id="P0-25" data-node-id="67" class="embed"><div d
172 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 125839

together! </p><section data-embed="body-image" data-lazy-id="P0-26" data-node-id="70" 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 127464

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-27" data-node-id="71" 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 129114

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-28" data-node-id="72" 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 131401

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

ith Chase:</p><section data-embed="instagram" data-lazy-id="P0-29" data-node-id="76" class="embed"><div d
177 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 133029

nstagram"><section data-lazy-parent="P0-30" 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 132953

nge (!!!).</p><section data-embed="instagram" data-lazy-id="P0-30" data-node-id="80" 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 136001

t Ken lol.</p><section data-embed="body-image" data-lazy-id="P0-31" data-node-id="87" class="embed"><div s
180 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 139308

o in love:</p><section data-embed="body-image" data-lazy-id="P0-32" data-node-id="93" class="embed"><div s
181 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 140936

tty Images</span></figcaption></div></div></div></section><section data-embed="body-image" data-lazy-id="P0-33" data-node-id="94" 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 142943

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

r you ❤️.”</p><section data-embed="instagram" data-lazy-id="P0-34" data-node-id="97" 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 145520

="iframe"><section data-lazy-parent="P0-35" 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 145428

iew below:</p><section data-lazy-id="P0-35"><div d
186 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 146788

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

sweaters.</p><section data-embed="instagram" data-lazy-id="P0-36" data-node-id="106" class="embed"><div d
188 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 147749

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

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

iversary: </p><section data-embed="instagram" data-lazy-id="P0-38" data-node-id="112" class="embed"><div d
191 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 149543

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

Instagram</a></div></div></section></div></section><section data-embed="instagram" data-lazy-id="P0-39" data-node-id="113" class="embed"><div d
193 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 151690

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

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

story. ❤️</p><section data-embed="editorial-link" data-lazy-id="P0-42" data-node-id="122" class="embed"><style
196 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 161341

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

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

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 163939

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

in-height:none;}@med
Link copied to clipboard