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 35614

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

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 37330

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 39429

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 40459

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

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 27456

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 47941

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 48262

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

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

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

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

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

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

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

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

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

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

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 58265

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 58802

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

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

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

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

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

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

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

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

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

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

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 66397

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

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

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

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 70428

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 70428

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 73602

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 59337

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 77977

48rem)"/><img src="https://hips.hearstapps.com/hmg-prod/images/170265-0280-6602db6ee070b.jpg?crop=0.668xw:1.00xh;0.114xw,0&resize=640:*" alt="the bachelor" title="JOEY GRAZIADEI, KELSEY A" width="3000" height="2000" decoding="async" fetchPriority="high" sizes="100vw"/></pict
141 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 79490

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

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 79607

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 82724

distance. </p><section data-embed="editorial-link" data-lazy-id="P0-7" data-node-id="1" class="embed"><style
145 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 87930

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

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 88215

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 89480

elor</em>.</p><section data-embed="body-image" data-lazy-id="P0-8" data-node-id="4" class="embed"><style
149 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 93489

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

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

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

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

embed="x"><section data-lazy-parent="P0-12" 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 96838

in Canada.</p><section data-embed="x" data-lazy-id="P0-12" data-node-id="15" 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 97750

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

incoming:</p><section data-embed="youtube" data-lazy-id="P0-13" data-node-id="17" class="embed"><div d
157 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 99555

embed="x"><section data-lazy-parent="P0-14" 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 99487

er family.</p><section data-embed="x" data-lazy-id="P0-14" data-node-id="20" 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 100417

"youtube"><section data-lazy-parent="P0-15" 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 100343

missed it!</p><section data-embed="youtube" data-lazy-id="P0-15" data-node-id="22" 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 101132

on Youtube</a></div></div></section></div></section><section data-embed="editorial-link" data-lazy-id="P0-16" data-node-id="23" class="embed"><aside
162 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 102784

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

s of cute.</p><section data-embed="youtube" data-lazy-id="P0-17" data-node-id="26" class="embed"><div d
164 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 103809

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

him.<br/></p><section data-embed="x" data-lazy-id="P0-18" data-node-id="28" 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 104660

embed="x"><section data-lazy-parent="P0-19" 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 104592

ust: <br/></p><section data-embed="x" data-lazy-id="P0-19" data-node-id="30" 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 106062

go."</p><section data-embed="editorial-link" data-lazy-id="P0-20" data-node-id="34" class="embed"><aside
169 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 108432

="tiktok"><section data-lazy-parent="P0-21" 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 108359

ore."</p><section data-embed="tiktok" data-lazy-id="P0-21" data-node-id="37" 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 110233

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

ial posts:</p><section data-embed="instagram" data-lazy-id="P0-22" data-node-id="40" class="embed"><div d
173 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 112714

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

ded."</p><section data-embed="instagram" data-lazy-id="P0-23" data-node-id="43" class="embed"><div d
175 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 113676

d engaged!</p><section data-embed="body-image" data-lazy-id="P0-24" data-node-id="46" 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 116288

tly."</p><section data-embed="body-image" data-lazy-id="P0-25" data-node-id="49" 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 118814

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

Instagram!</p><section data-embed="instagram" data-lazy-id="P0-26" data-node-id="54" 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 119577

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

Instagram</a></div></div></section></div></section><section data-embed="instagram" data-lazy-id="P0-27" data-node-id="55" 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 121682

ese two!!!</p><section data-embed="editorial-link" data-lazy-id="P0-28" data-node-id="60" class="embed"><aside
182 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 124907

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ne-offset:0.0625rem;text-
Link copied to clipboard