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 34378

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

und-color:background-color: #ffff80;">bg-primary;posit
122 Error The sizes attribute may be specified only if the srcset attribute is also present.
On line 25, column 59696

48rem)"/><img src="https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=1.00xw:0.487xh;0,0.205xh&resize=768:*" alt="alex cooper" title="alex cooper" width="2150" height="2517" decoding="async" fetchPriority="high" sizes="100vw"/></pict
123 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 61788

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12v113f9"><section data-lazy-id="P0-6"><div c
141 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 77413

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

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 77698

ion-color:border-link-body-hover;}</st
144 Error CSS: text-decoration-thickness: Property text-decoration-thickness doesn't exist.
On line 25, column 83421

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

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

ion-color:border-link-body-hover;backg
147 Error CSS: outline-color: body-cta-btn-link-focus is not a outline-color value.
On line 25, column 84244

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

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

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

off mode. </p><section data-embed="body-image" data-lazy-id="P0-9" data-node-id="15" class="embed"><style
151 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 102001

ing about.</p><section data-embed="loop" data-lazy-id="P0-10" data-node-id="19" class="embed"><style
152 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 104357

ll do it. </p><section data-embed="body-image" data-lazy-id="P0-11" data-node-id="23" class="embed"><style
153 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 111692

ut again?”</p><section data-embed="pullquote" data-lazy-id="P0-12" data-node-id="27" class="embed"><style
154 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 114187

em></sup> </p><section data-embed="loop" data-lazy-id="P0-13" data-node-id="32" class="embed"><div c
155 Info The img role is unnecessary for element img.
On line 25, column 117847

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
156 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 122083

ur lives.”</em></sup></p><section data-embed="pullquote" data-lazy-id="P0-14" data-node-id="45" class="embed"><block
157 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 122572

/strong> </p><section data-embed="body-image" data-lazy-id="P0-15" data-node-id="47" 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 131690

world.” </p><section data-embed="loop" data-lazy-id="P0-16" data-node-id="50" class="embed"><div c
159 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 132894

ase him? </p><section data-embed="body-image" data-lazy-id="P0-17" data-node-id="53" 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 143159

em></sup> </p><section data-embed="body-image" data-lazy-id="P0-18" data-node-id="59" 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 151852

re solid. </p><section data-embed="loop" data-lazy-id="P0-19" data-node-id="66" class="embed"><style
162 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 155915

gh things.</p><section data-embed="pullquote" data-lazy-id="P0-20" data-node-id="74" class="embed"><block
163 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 156475

trong><em></em></strong></p><section data-embed="body-image" data-lazy-id="P0-21" data-node-id="76" class="embed"><div s
164 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 160858

better.” </p><section data-embed="body-image" data-lazy-id="P0-22" data-node-id="81" 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 166620

together. </p><section data-embed="loop" data-lazy-id="P0-23" data-node-id="85" class="embed"><div c
166 Info Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
On line 25, column 168292

be fine.” </p><section data-embed="loop" data-lazy-id="P0-24" data-node-id="90" class="embed"><div c
167 Info The value of attribute data-vars-ga-call-to-action on element a from namespace http://www.w3.org/1999/xhtml is not in Unicode Normalization Form C.
On line 25, column 173016

middle). <a href="https://yvonneleon.com/en/" target="_blank" data-vars-ga-outbound-link="https://yvonneleon.com/en/" data-vars-ga-ux-element="Hyperlink" an style="background-color: #ffff80;">data-vars-ga-call-to-actionan>="Yvonne Léon" class="body-link css-1xhj8kb e1k3dme10">Yvonne
168 Info Text run is not in Unicode Normalization Form C.
On line 25, column 173028

1k3dme10">Yvonne Léon</a> r
169 Error CSS: text-underline-offset: Property text-underline-offset doesn't exist.
On line 25, column 181536

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 207198

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 207552

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 182832

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

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

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

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

(-45deg);}</style><div aria-label="Close" class="mobile-adhesion-unit-close-button css-14szldf e1vfowua0"></div>
194 Info Text run is not in Unicode Normalization Form C.
On line 25, column 490336

ewe\u0026u1={subid}|xid:{xid}","last_updated_at":"2023-11-07 14:49:29.696802"}},"site_id":"81bbdae2-81fb-4d95-b643-a0679795a2a4"}},"url":"https://www.bergdorfgoodman.com/search/?N=0\u0026Ntt=loewe\u0026from=brSearch\u0026q=loewe","contentProps":{"type":"content-product-link","index":6}}}},{"data":" dress, Bergdorf Goodman. ","type":"text"},{"children":[{"data":"Gianvito Rossi","type":"text"}],"name":"a","attribs":{"href":"https://www.gianvitorossi.com/us_en?gclid=Cj0KCQjwqP2pBhDMARIsAJQ0Czo9IhQl_YtWZahhf4Y5shYLQSQLzWD8GwO1ea2fqYYc5Jpldm07hXsaAmALEALw_wcB","target":"_blank","data-vars-ga-outbound-link":"https://www.gianvitorossi.com/us_en?gclid=Cj0KCQjwqP2pBhDMARIsAJQ0Czo9IhQl_YtWZahhf4Y5shYLQSQLzWD8GwO1ea2fqYYc5Jpldm07hXsaAmALEALw_wcB","data-vars-ga-ux-element":"Hyperlink","data-vars-ga-call-to-action":"Gianvito Rossi","class":"body-link"},"type":"tag","response":{}},{"data":" heels. ","type":"text"},{"children":[{"data":"Material Good","type":"text"}],"name":"a","attribs":{"href":"https://materialgood.com/","target":"_blank","data-vars-ga-outbound-link":"https://materialgood.com/","data-vars-ga-ux-element":"Hyperlink","data-vars-ga-call-to-action":"Material Good","class":"body-link"},"type":"tag","response":{}},{"data":" earrings. ","type":"text"},{"children":[{"data":"Sydney Evan","type":"text"}],"name":"a","attribs":{"href":"https://sydneyevan.com/","target":"_blank","data-vars-ga-outbound-link":"https://sydneyevan.com/","data-vars-ga-ux-element":"Hyperlink","data-vars-ga-call-to-action":"Sydney Evan","class":"body-link"},"type":"tag","response":{}},{"data":" necklace. ","type":"text"},{"children":[{"data":"Rainbow K","type":"text"}],"name":"a","attribs":{"href":"https://www.rainbowkjewelry.com/","target":"_blank","data-vars-ga-outbound-link":"https://www.rainbowkjewelry.com/","data-vars-ga-ux-element":"Hyperlink","data-vars-ga-call-to-action":"Rainbow K","class":"body-link"},"type":"tag","response":{}},{"data":" ring (left middle). ","type":"text"},{"children":[{"data":"Yvonne Léon","type":"text"}],"name":"a","attribs":{"h
195 Info Text run is not in Unicode Normalization Form C.
On line 25, column 532855

t me read it with her or trying to find out if my friends’ moms had it at their houses. I remember feeling so inspired as a young, insecure woman that there was a place where you could read about things that were taboo in our culture. It feels so cool and full-circle to sit here now with the editor of a magazine that literally changed how generations of women think about things. What would you say to that younger self now?Fuck everyone who makes you feel like you’re not good enough, because you are. I wish I could go back and tell that awkward girl writing sad thoughts in her diary: “We made it, Alex. You’re going to be fine.” Lead image: Loewe dress, Bergdorf Goodman. Gianvito Rossi heels. Material Good earrings. Sydney Evan necklace. Rainbow K ring (left middle). Yvonne Léon ring (left index). Grace Lee ring (right).Stylist: Cassie Anderson. Hair: Joseph Maine for Trademark Beauty and Color Wow. Makeup: Jenna Kristina at Forward Artists using Maybelline. Manicure: Kimmie Kyees using Mia Secret. Production: Photobomb Production. Executive producer: Abbey Adkison. Director of photography: Jennifer Cox. Camera assistant: Darren Kho. Sound: Michael Rich. Editing: Sarah Ng.","wordCount":3316,"articleSection":"Celebrities & Entertainment","image":[{"@type":"ImageObject","height":1200,"thumbnail":"https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=0.848xw:0.726xh;0.0641xw,0.182xh&resize=100:*","url":"https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=0.848xw:0.726xh;0.0641xw,0.182xh&resize=1200:*","width":1200},{"@type":"ImageObject","height":900,"thumbnail":"https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=0.848xw:0.726xh;0.0641xw,0.182xh&resize=100:*","url":"https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=1xw:0.6406436233611442xh;center,top&resize=1200:*","width":1200},{"@type":"ImageObject","height":675,"thumbnail":"https://hips.hearstapps.com/hmg-prod/images/cos-shot-1-0101-6536bd400acf2.jpg?crop=0
196 Error The aria-controls attribute must point to an element in the same document.
On line 25, column 33615

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

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

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

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

ationships</a><button role="button" tabindex="0" aria-expanded="false" aria-controls="sexandrelationships" aria-label="Sex and Relationships" class="css-pjjyzu e2qp9868"></butt
Link copied to clipboard