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 37057

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ion-color:border-link-body-hover;}.css
136 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 71222

ion-color:border-link-body-hover;}.css
137 Error CSS: outline-offset: outline-offset-s is not a outline-offset value.
On line 25, column 74396

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

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

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

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

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

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

all of us!</p><section data-embed="editorial-link" data-lazy-id="P0-7" data-node-id="1" class="embed"><style
144 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 91465

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

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

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

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

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

ic Awards.</p><section data-embed="youtube" data-lazy-id="P0-11" data-node-id="11" 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 99428

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

t to cry. </p><section data-embed="youtube" data-lazy-id="P0-12" data-node-id="14" class="embed"><div d
152 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 100427

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

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

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 101732

alize it. </p><section data-embed="body-image" data-lazy-id="P0-13" data-node-id="19" 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 103791

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

question.</p><section data-embed="instagram" data-lazy-id="P0-14" data-node-id="22" 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 105609

ival.<br/></p><section data-embed="body-image" data-lazy-id="P0-15" data-node-id="25" 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 107640

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

birthday.</p><section data-embed="instagram" data-lazy-id="P0-16" data-node-id="28" class="embed"><div d
161 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 116940

e202qz20"><img srcset="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1689097105-815rLjPo9KL.jpg?crop=1xw:1xh;center,top&resize=640:* 640w, https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1689097105-815rLjPo9KL.jpg?crop=1xw:1xh;center,top&resize=980:* 980w" alt="'Becoming' by Michelle Obama" title="'Becoming' by Michelle Obama" src="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1689097105-815rLjPo9KL.jpg?crop=1xw:1xh;center,top&resize=980:*" width="1681" height="2560" decoding="async" loading="lazy"/></div>
162 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 118767

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

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

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

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

ming</em>.</p><section data-embed="x" data-lazy-id="P0-17" data-node-id="36" 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 125746

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

e's at it.</p><section data-embed="x" data-lazy-id="P0-18" data-node-id="39" 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 126719

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

n Twitter!</p><section data-embed="x" data-lazy-id="P0-19" data-node-id="42" 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 127723

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

e's at it!</p><section data-embed="x" data-lazy-id="P0-20" data-node-id="45" 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 128647

st (2009).</p><section data-embed="editorial-link" data-lazy-id="P0-21" data-node-id="47" class="embed"><aside
174 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 131920

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(-45deg);}</style><button role="button" tabindex="0" aria-expanded="false" aria-controls="joincosmounlocked" aria-label="Join Cosmo Unlocked" class="css-pjjyzu e2qp9868"></butt
Link copied to clipboard