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 35727

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

m14">Style</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="style" aria-label="Style" class="css-pjjyzu e2qp9868"></butt
103 Info The button role is unnecessary for element button.
On line 25, column 36338

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ion-color:border-link-body-hover;}</st
139 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 68908

ion-color:border-link-body-hover;}</st
140 Error CSS: outline-offset: outline-offset-s is not a outline-offset value.
On line 25, column 71342

ne-offset:outline-offset-s;}.css
141 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 60066

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

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

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

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

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

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

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

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

post on X</a></div></div></section></div></section><section data-embed="x" data-lazy-id="P0-8" data-node-id="2" 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 84472

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

post on X</a></div></div></section></div></section><section data-embed="x" data-lazy-id="P0-9" data-node-id="3" 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 85196

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

post on X</a></div></div></section></div></section><section data-embed="x" data-lazy-id="P0-10" data-node-id="4" 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 87507

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

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

s="embed"></section><section data-embed="x" data-lazy-id="P0-12" data-node-id="9" 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 93231

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

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

<em></em>:</p><section data-embed="instagram" data-lazy-id="P0-15" data-node-id="18" 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 98218

ded event:</p><section data-embed="body-image" data-lazy-id="P0-16" data-node-id="20" 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 99902

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

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

Eras Tour.</p><section data-embed="instagram" data-lazy-id="P0-18" data-node-id="27" 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 105646

Instagram</a></div></div></section></div></section><section data-embed="body-image" data-lazy-id="P0-19" data-node-id="28" 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 107779

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

ger wrote.</p><section data-embed="instagram" data-lazy-id="P0-20" data-node-id="31" 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 115003

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

for them. </p><section data-embed="x" data-lazy-id="P0-22" data-node-id="34" 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 116067

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

ot; outro:</p><section data-embed="x" data-lazy-id="P0-23" 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 116899

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

tly, THIS:</p><section data-embed="x" data-lazy-id="P0-24" data-node-id="39" 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 117972

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

ame on it:</p><section data-embed="x" data-lazy-id="P0-25" data-node-id="42" 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 118683

s="embed"><section data-lazy-parent="P0-26" 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 118635

post on X</a></div></div></section></div></section><section data-embed="tiktok" data-lazy-id="P0-26" data-node-id="43" class="embed"><secti
177 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 121590

er inside!</p><section data-embed="body-image" data-lazy-id="P0-28" data-node-id="48" class="embed"><div s
178 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 123445

s="embed"><section data-lazy-parent="P0-29" 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 123397

he carpet:</p><section data-embed="x" data-lazy-id="P0-29" data-node-id="50" class="embed"><secti
180 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 124455

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

an Murphy:</p><section data-embed="instagram" data-lazy-id="P0-30" data-node-id="53" class="embed"><div d
182 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 125879

it."</p><section data-embed="editorial-link" data-lazy-id="P0-31" data-node-id="56" class="embed"><style
183 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 128924

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

eagam8p1"></span></a></li></ul></aside></section><section data-embed="instagram" data-lazy-id="P0-32" data-node-id="57" 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 129982

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

occasion:</p><section data-embed="instagram" data-lazy-id="P0-33" data-node-id="60" 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 130867

al of him!</p><section data-embed="body-image" data-lazy-id="P0-34" data-node-id="62" class="embed"><div s
188 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 132324

</em><br/></p><section data-embed="editorial-link" data-lazy-id="P0-35" data-node-id="64" class="embed"><aside
189 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 137532

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

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

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

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

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

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

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

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

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

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

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

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