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 36247

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

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 37963

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 40062

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 41092

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

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 28089

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 48574

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 48895

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

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

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

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

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

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

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

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

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

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

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 58905

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 59442

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

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

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

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

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

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

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

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

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

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

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 67058

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

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

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

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 71135

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 71135

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 74321

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 59977

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

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 81659

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

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 81776

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 84633

iddleton. </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 88395

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

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 88680

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 89278

t as ever.</p><section data-embed="editorial-link" data-lazy-id="P0-8" data-node-id="3" class="embed"><aside
149 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 90832

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

Middleton </h2><section data-embed="body-image" data-lazy-id="P0-10" data-node-id="7" class="embed"><style
151 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 102343

e202qz20"><img srcset="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1660831042-61f3bzAOGL._SL500_.jpg?crop=1xw:1xh;center,top&resize=640:* 640w, https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1660831042-61f3bzAOGL._SL500_.jpg?crop=1xw:1xh;center,top&resize=980:* 980w" alt="Celebrate: A Year of Festivities for Families and Friends" title="Celebrate: A Year of Festivities for Families and Friends" src="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1660831042-61f3bzAOGL._SL500_.jpg?crop=1xw:1xh;center,top&resize=980:*" width="388" height="500" decoding="async" loading="lazy"/></div>
152 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 104146

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

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

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

11y94fr0"></div></div><section data-embed="editorial-link" data-lazy-id="P0-11" data-node-id="11" class="embed"><aside
156 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 110645

thews</a>.</p><section data-embed="editorial-link" data-lazy-id="P0-12" data-node-id="15" class="embed"><aside
157 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 116060

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

Middleton </h2><section data-embed="body-image" data-lazy-id="P0-15" data-node-id="24" 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 125635

, France. </p><section data-embed="body-image" data-lazy-id="P0-16" data-node-id="32" 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 128861

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

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

uce them.”</p><section data-embed="body-image" data-lazy-id="P0-18" data-node-id="42" 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 136171

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

the time.</p><section data-embed="instagram" data-lazy-id="P0-19" data-node-id="46" 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 137068

e's sibs. </p><section data-embed="editorial-link" data-lazy-id="P0-20" data-node-id="48" class="embed"><aside
166 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 140466

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(-45deg);}</style><button role="button" tabindex="0" aria-expanded="false" aria-controls="joincosmounlocked" aria-label="Join Cosmo Unlocked" class="css-pjjyzu e2qp9868"></butt
193 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 35636

14">Beauty</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="beauty" aria-label="Beauty" class="css-pjjyzu e2qp9868"></butt
194 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 35941

m14">Style</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="style" aria-label="Style" class="css-pjjyzu e2qp9868"></butt
195 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 36247

>Lifestyle</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="lifestyle" aria-label="Lifestyle" class="css-pjjyzu e2qp9868"></butt
196 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 36990

ationships</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="sexandrelationships" aria-label="Sex and Relationships" class="css-pjjyzu e2qp9868"></butt
197 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 37963

14">Social</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="social" aria-label="Social" class="css-pjjyzu e2qp9868"></butt
198 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 40062

r Editions</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="othereditions" aria-label="Other Editions" class="css-pjjyzu e2qp9868"></butt
Link copied to clipboard