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 34633

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

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 36349

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 38448

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 39478

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

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 26475

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 46960

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 47281

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

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

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

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

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

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

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

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

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

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

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 57285

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 57822

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

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

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

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

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

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

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

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

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

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

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 65551

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

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

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

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 69654

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 69654

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 72826

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 58357

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 77637

48rem)"/><img src="https://hips.hearstapps.com/hmg-prod/images/mv5bmjniy2rkmjktn2vjyy00zwnlltg4zwutn2q1ztkxztuymjrkxkeyxkfqcgdeqxvyodiyoteymzyat-v1-661427eb521f8.jpg?crop=0.563xw:1.00xh;0.221xw,0&resize=640:*" alt="a group of women smiling" title="a group of women smiling" width="2560" height="1440" decoding="async" fetchPriority="high" sizes="100vw"/></pict
141 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 81784

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

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 82069

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 83407

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

s="embed"></section><section data-embed="editorial-link" data-lazy-id="P0-8" data-node-id="4" class="embed"><style
146 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 91373

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

Missouri. </p><section data-embed="youtube" data-lazy-id="P0-9" data-node-id="19" 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 97679

the film.</p><section data-embed="editorial-link" data-lazy-id="P0-10" data-node-id="31" class="embed"><aside
149 Error CSS: top: Cannot invoke "org.w3c.css.values.CssValue.getRawType()" because "this.val1" is null.
On line 25, column 100871

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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