Accessibility

· 13 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.

SCORE

GRADE

FIX

REVIEW

PASS

INFO

Checks

5 PASS 3 REVIEW 5 FIX

Link & Button Quality

Action

22 issue(s) across 153 links and 12 buttons

FIX

22 issue(s) across 153 links and 12 buttons

14 link(s) with no accessible text

Links without text are announced as raw URLs by screen readers.

Got: https://x.com/Salon; https://www.instagram.com/salonofficial; https://www.youtube.com/user/SalonDotCom; https://www.facebook.com/salon; https://www.tiktok.com/@salonofficial; https://www.reddit.com/domain/salon.com; https://www.linkedin.com/company/salon-com; https://x.com/Salon; https://www.instagram.com/salonofficial; https://www.youtube.com/user/SalonDotCom (+4 more)

8 button(s) with no accessible text

Icon-only buttons need an aria-label so screen readers can announce them.

Got: button.button__burger (#113 on page); button (#189 on page); button (#195 on page); button.button__burger (#219 on page); button#dropdown-user-2; button (#313 on page); button (#319 on page); button (#1016 on page)

139 link(s) with descriptive text

153 links

14 empty

0 generic text

0 new tab

8 empty buttons

Element	Text	Issue	Suggested Fix
https://x.com/Salon	(empty)	empty	Add link text or aria-label
https://www.instagram.com/salonofficial	(empty)	empty	Add link text or aria-label
https://www.youtube.com/user/SalonDotCom	(empty)	empty	Add link text or aria-label
https://www.facebook.com/salon	(empty)	empty	Add link text or aria-label
https://www.tiktok.com/@salonofficial	(empty)	empty	Add link text or aria-label
https://www.reddit.com/domain/salon.com	(empty)	empty	Add link text or aria-label
https://www.linkedin.com/company/salon-c…	(empty)	empty	Add link text or aria-label
https://x.com/Salon	(empty)	empty	Add link text or aria-label
https://www.instagram.com/salonofficial	(empty)	empty	Add link text or aria-label
https://www.youtube.com/user/SalonDotCom	(empty)	empty	Add link text or aria-label
https://www.facebook.com/salon	(empty)	empty	Add link text or aria-label
https://www.tiktok.com/@salonofficial	(empty)	empty	Add link text or aria-label
https://www.reddit.com/domain/salon.com	(empty)	empty	Add link text or aria-label
https://www.linkedin.com/company/salon-c…	(empty)	empty	Add link text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label
<button>	(empty)	empty	Add button text or aria-label

143 links and buttons have descriptive text

Links without text are announced as raw URLs by screen readers.

https://x.com/Salon; https://www.instagram.com/salonofficial; https://www.youtube.com/user/SalonDotCom; https://www.facebook.com/salon; https://www.tiktok.com/@salonofficial; https://www.reddit.com/domain/salon.com; https://www.linkedin.com/company/salon-com; https://x.com/Salon; https://www.instagram.com/salonofficial; https://www.youtube.com/user/SalonDotCom (+4 more)

Why this matters

Links with no accessible text (empty <a></a>, image-only no alt, icon-only no aria-label) are unidentifiable to screen readers.

Source: WCAG 2.1 SC 2.4.4

Icon-only buttons need an aria-label so screen readers can announce them.

button.button__burger (#113 on page); button (#189 on page); button (#195 on page); button.button__burger (#219 on page); button#dropdown-user-2; button (#313 on page); button (#319 on page); button (#1016 on page)

Why this matters

Buttons with no accessible text (icon-only, no aria-label) can't be activated by voice control or understood by screen readers.

Source: WCAG 2.1 SC 4.1.2

Web Manifest

Action

Not found

FIX

Not found

No web manifest found

No manifest at standard paths (/manifest.json, /site.webmanifest). A manifest is optional but enables PWA features like home screen installation and standalone display.

No web manifest found.

Dark Mode Support

Action

Theme color only

FIX

Theme color only

Theme-color present but no dark variant

A theme-color is set but no dark-specific variant was found. The browser toolbar may not adapt for dark mode users.

Got: #ffffff

No dark mode signals detected

Consider adding CSS with @media (prefers-color-scheme: dark) and <meta name='color-scheme' content='light dark'>.

Detection limited to meta tags and inline styles

External CSS files may contain prefers-color-scheme rules not visible to this scan.

Dark ModePartial Dark Mode

color-scheme meta Not set ✗Dark theme-color Not set ✗CSS indicators Not detected ✗

Detection limited to meta tags and inline styles.

Print Stylesheet

Action

No print styles

FIX

No print styles

No print-specific styles detected

When users print this page, they get the screen layout including navigation and non-essential elements. Add @media print rules to hide navigation and optimize layout for paper.

Print Stylesheet No Print Styles

Print stylesheet Not found ✗Inline @media print Not detected ✗

Navigation UX

Action

No navigation patterns

FIX

No navigation patterns

3 navigation landmark(s) detected

No breadcrumbs, search, or skip link detected

These navigation aids help users orient themselves and find content efficiently, especially on large sites.

Breadcrumbs

Skip Link

Labeled Navigation 3 <nav> element(s)

Hamburger Menu

Sticky Navigation Cannot reliably detect (CSS-based)

1 of 6 testable patterns navigation patterns detected. Limited navigation support. Consider adding breadcrumbs, search, and skip link.

Landmark Structure

6 landmarks

REVIEW

6 landmarks

<main> landmark present

3 <nav> landmark(s) found

3 of 3 <nav> elements are unlabeled

Multiple navigations need aria-label to distinguish them for screen readers.

Skip navigation link is missing (WCAG 2.4.1)

Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.

Page Structure — as a screen reader sees it

Multiple navigations need aria-label to distinguish them for screen readers.

Why this matters

Some <nav> elements lack aria-label — screen-reader users hear 'navigation' multiple times with no way to distinguish them.

Learn more ▾

When a page has multiple <nav> regions (primary, footer, breadcrumb), each needs aria-label or aria-labelledby. AT users navigate by landmark; identical 'navigation' announcements force them to enter each one to discover purpose.

Source: WAI-ARIA Authoring Practices

Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.

Why this matters

Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.

Learn more ▾

WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.

Source: WCAG 2.1 SC 2.4.1

404 Error Page

HTTP 404, custom page

REVIEW

HTTP 404, custom page

Correct 404 status code returned

Got: HTTP 404

Custom styled 404 page

Navigation links present on 404 page

Search form present on 404 page

404 Page Quality ✓ Custom 404 Page

Status Code HTTP 404 ✓Page Title Page not found - Salon.com ✓Custom Styling ✓Navigation ✓Homepage Link ✗Search Form ✓

Favicon & Branding

5 icon(s) detected

REVIEW

5 icon(s) detected

favicon.ico present at site root

HTML icon links detected

Apple touch icon present

Multiple icon sizes detected

✓ favicon.ico Present

✓ PNG Icons Present

✓ Apple Touch Present

✗ SVG Favicon Missing

✗ Manifest Icons Missing

✓ Multiple Sizes Present

A+

Heading Hierarchy

130 headings

PASS

130 headings

Single H1 present

H1 Salon Homepage
H2 The 6 kitchen tools I use every day
H2 The 6 kitchen tools I use every day
H3 What a food writer actually uses to make dinner
H2 Trump's new avenger in chief
H2 Trump's new avenger in chief
H3 Joseph diGenova will pursue charges in the Florida "grand conspiracy" case against the president's perceived foes
H2 Trump's detention agenda hits legal wall
H3 The president touted his judges. Now they're standing up on immigration and democracy
H2 RFK Jr.'s medical racism resurfaces
H3 Black doctors and medical community say RFK Jr.'s rhetoric poses real dangers to public health
H2 Prince could only have died in America
H3 Ten years ago, the opioid crisis claimed a god
H2 "The Devil Wears Prada 2" sold its soul
H3 The massive marketing campaign for "The Devil Wears Prada 2" is degrading the film's earnest, chic legacy
H2 Trump’s looming downballot disaster
H3 Trump's unpopularity is putting Republican dominance in state legislatures at risk
H2 "TACO" theory hides Trump's real threat
H3 What really matters is the destruction the president leaves behind
H2 "The Devil Wears Prada 2" feels more like a product than a movie
H2 "The Devil Wears Prada 2" sold its soul
H3 The massive marketing campaign for "The Devil Wears Prada 2" is degrading the film's earnest, chic legacy
H2 Trump’s DoorDash Grandma isn’t a plant — the truth is much darker
H2 DoorDash Grandma deserves better
H3 Sharon Simmons made $22,000 last year — her boss made $313 million
H2 Trump is right: He is MAGA’s Jesus
H2 Trump is right: He is MAGA’s Jesus
H3 The president's blasphemy exposes the truth about the Christian right
H2 Republicans edge toward a breaking point on Trump
H2 Vance looms as Trump spirals
H3 DC whispers about impeachment — but forget the 25th Amendment
H2 Why Fox News is so mad at Abigail Spanberger
H2 Spanberger is now Fox’s favorite target
H3 Virginia’s new governor accused of bait-and-switch by right-wing media
H2 Clarence Thomas' attack on progressivism should alarm you
H2 Clarence Thomas attacks progressivism
H3 In a speech celebrating America's 250th, the Supreme Court justice gave a dishonest and dangerous read of history
H2 MAGA wants teen births. It won't work
H3 Teen birth rates are at historic lows — and young women want to keep it that way
H2 Trump pardon may stiff grieving family
H3 The Coulson family may never receive millions from a wrongful death lawsuit it won years ago
H2 Labor Secretary Chavez-DeRemer resigns
H3 The Trump Cabinet pick was in the midst of an internal investigation into alleged misconduct
H2 Patel sues Atlantic for $250M
H3 The FBI director accused the outlet of publishing a "hit piece" about his tenure at the agency
H2 MAGA’s battle for Europe isn’t over
H2 MAGA’s battle for Europe isn’t over
H3 Donald Trump has turned toxic and Viktor Orbán is toast. But the authoritarian threat isn't going away
H2 MAGA and the death of middlebrow
H3 All the cool people hated middle-class suburban culture — but it looks a lot better compared to what came next
H2 Clarence Thomas attacks progressivism
H3 In a speech celebrating America's 250th, the Supreme Court justice gave a dishonest and dangerous read of history
H2 The South can help defeat MAGA
H3 Rural whites can be fierce fighters for economic and racial justice — if they are welcomed by progressives
H2 American Music Honors unites generations
H2 American Music Honors unites generations
H3 Dionne Warwick, Dr. Dre and Patti Smith were honored as icons, culminating in an all-star finale led by Springsteen
H2 D4vd charged with murder of 14-year-old
H3 The missing teen's remains were found in the trunk of a car belonging to the singer in September
H2 How the "SNL" sausage gets made
H3 In the new documentary, "Lorne," director Morgan Neville reminds us why "SNL" never fails to capture our curiosity
H2 Donald Trump's cabinet has daddy issues
H3 The president's obsession with dominance, loyalty and humiliation makes him a lot like the father he feared
H2 The everlasting high of stoner comedies
H3 Stoner buddy comedies like "Up in Smoke" and "Harold & Kumar" make the grass greener on all sides
H2 Steven Soderbergh's AI contradiction
H3 Soderbergh is "mystified" over AI backlash, but his latest film, "The Christophers," proves art needs a human touch
H2 Dylan, The Beatles and the art of change
H3 "Where the Music Had to Go" tracks Dylan and The Beatles’ creative clash
H2 Julia Wertz on motherhood’s body horror
H3 In "Bury Me Already," the cartoonist takes on isolation, family and the eternal guilt trip of art and parenting
H2 Private prisons cash in on ICE crackdown
H3 Over 90 percent of detained immigrants languish in prisons that aren't actually run by the government
H2 Social media has changed how we spend
H3 It's a marketer's world and we're all just living in it
H2 Trump wants $1.5 trillion for military
H3 Massive cuts to domestic programs, with higher state taxes, would bolster the spending increase
H2 A no-spend week, starting in the kitchen
H3 How planning meals, stretching ingredients and baking something sweet can make a no-spend week feel generous
H2 My parents died and left me 34 fish
H2 My parents died and left me 34 fish
H3 "My Parents Are Dead: What Now?" is a darkly funny guide to navigating grief and the paperwork that follows
H2 We can't shop our way out of fear
H3 Social media’s endless sales pitches make us buy more, get less, and rarely feel satisfied
H2 Why Gen Z is investing in Le Creuset
H3 The French cookware brand is making collectors out of a new generation of home cooks
H2 I can’t afford to replace my veneers
H3 My mom sacrificed to buy me an aspirational smile. It was supposed to set me up for financial success
H2 Should we give Musk control of the sun?
H3 We’re sleepwalking into ecocide. Like it or not, Starlink may one day be our last resort
H2 Measles outbreaks are here to stay
H3 Normalization and apathy from the Trump admin is making health experts less hopeful measles can be contained
H2 Trump is weaponizing climate change
H3 The Iran war shows how fossil fuels, conflict and planetary crisis are now inseparable
H2 Trump isn't helping America's fertility
H3 Conservatives says the "problem" is fewer teen pregnancies. But the solution is actually fixing childcare
H2 Trump's pro-birth agenda failing moms
H3 As the Trump admin urges folks to have more kids, new data shows early pregnancy care moving in the wrong direction
H2 Is ChatGPT Health the new WebMD?
H2 Is ChatGPT Health the new WebMD?
H3 OpenAI’s new chatbot aims to bolster users' health decisions — but risks fueling confusion and anxiety
H2 Can psychedelics treat narcissism?
H3 Psychedelics have a reputation for humbling people, but "hallucinogenic elitism" is also common. What gives?
H2 Getting high on Turkish "mad honey"
H3 The grayanotoxin-infused honey purportedly issues a pleasant high — if you can find the good stuff
H2 You should be freezing your garlic
H2 You should be freezing your garlic
H3 Prepping and storing fresh garlic doesn’t have to be a hassle, thanks to these tips from a professional chef
H2 My best corn chowder starts with chips
H3 Don’t treat corn chips as just a garnish. They’re the secret base of a richer, more cohesive soup
H2 Bourdain was right about Guy Fieri
H3 Bourdain knew that food was political. Here's why the Mayor of Flavortown’s politics matter, too
H2 Three words: Triple-egg salad
H3 Hard-cooked eggs for structure, blended yolks for silk and jammy pieces for pockets of richness
H2 A fruit dish greater than its parts
H3 It’s called “Dump Fruit”— and yes, you really just dump it together. The result is far better than it sounds
H2 States now at forefront of food safety
H3 Dozens of bills in more than 15 states are targeting harmful additives, many of which have been ignored by the FDA
H2 I was wrong about pork chops
H3 A childhood staple gets a second look, reimagined with spice, sweet raisins, herbs and creamy yogurt
H2 Better stovetop pasta starts with spice
H3 Bloom the spices and finish with acid for a smoky chicken pasta that feels rich, but never heavy
H2 I understand my mother's tough love now
H3 "You and your mother are just alike," my father would tell me
H2 It’s my mom's fault I stole her letters
H3 The box of letters was where I had left it, untouched. She preferred to close things up and never think about them
H2 Becoming a mother at 50
H3 I had big dreams and plans that didn't include being a mother. Then something inside me shifted
H2 My mother, the debutante Communist
H3 Her life was like a slowly unfolding, densely plotted thriller whose unfinished story we’re all still inside

Alt Text Quality

All 38 images OK

PASS

All 38 images OK

11 image(s) with alt text over 125 characters

27 image(s) with good alt text

38 images 27 good alt text

Issue	Count
too long	11 image(s)

A+

Form Accessibility

All 2 controls labeled

PASS

All 2 controls labeled

2 control(s) properly labeled

2 controls

2 labeled

0 placeholder only

0 unlabeled

Control	Type	Label	Method
#search-form-1	search	Search	for/id
#search-form-3	search	Search	for/id

A+

Color Contrast (Screenshot)

20 text elements analyzed, 0 fail WCAG AA

PASS

Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.

20 pass

Show all checked elements (20)

Element	Ratio	Required	FG	BG	Result
h1 Salon Homepage	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 The 6 kitchen tools …	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 The 6 kitchen tools …	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump's new avenger …	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump's new avenger …	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump's detention ag…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 RFK Jr.'s medical ra…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Prince could only ha…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 "The Devil Wears Pra…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump’s looming do…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 "TACO" theory hides …	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 "The Devil Wears Pra…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 "The Devil Wears Pra…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump’s DoorDash G…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 DoorDash Grandma des…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump is right: He i…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Trump is right: He i…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Republicans edge tow…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Vance looms as Trump…	19.95:1	3.0:1	#000000	#F9F9F9	Pass
h2 Why Fox News is so m…	19.95:1	3.0:1	#000000	#F9F9F9	Pass

Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.

Lighthouse Accessibility Audits

Score 90/100 — 2 failing, 20 passed

PASS

Accessibility

These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.

Names and labels

When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
section.header__mobile > div > div.header__mobile__actions > button.button__burger `section.header__mobile > div > div.header__mobile__actions > button.button__burger`

These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.

Contrast

Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.

Why this matters

Performance issues directly impact user engagement and conversion rates.

Failing Elements
SUBSCRIBE `div > div.header__mobile__actions > a.hide-if-premium > button.bg-[#ed2c1d]`

These are opportunities to improve the legibility of your content.

○Interactive controls are keyboard focusable

○Interactive elements indicate their purpose and state

○The page has a logical tab order

○Visual order on the page follows DOM order

○User focus is not accidentally trapped in a region

○The user's focus is directed to new content added to the page

○HTML5 landmark elements are used to improve navigation

○Offscreen content is hidden from assistive technology

○Custom controls have associated labels

○Custom controls have ARIA roles

●`[aria-*]` attributes match their roles

●`[aria-hidden="true"]` is not present on the document `<body>`

●`[aria-*]` attributes have valid values

●`[aria-*]` attributes are valid and not misspelled

●Image elements have `[alt]` attributes

●`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.

●ARIA attributes are used as specified for the element's role

●`[aria-hidden="true"]` elements do not contain focusable descendents

●Elements use only permitted ARIA attributes

●Document has a `<title>` element

●`<frame>` or `<iframe>` elements have a title

●`<html>` element has a `[lang]` attribute

●`<html>` element has a valid value for its `[lang]` attribute

●Links have a discernible name

●Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).

●List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements

●No element has a `[tabindex]` value greater than 0

●Touch targets have sufficient size and spacing.

●Heading elements appear in a sequentially-descending order

●Document has a main landmark.

○`[accesskey]` values are unique

○`button`, `link`, and `menuitem` elements have accessible names

○Deprecated ARIA roles were not used

○Elements with `role="dialog"` or `role="alertdialog"` have accessible names.

○ARIA input fields have accessible names

○ARIA `meter` elements have accessible names

○ARIA `progressbar` elements have accessible names

○`[role]`s have all required `[aria-*]` attributes

○Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.

○`[role]`s are contained by their required parent element

○`[role]` values are valid

○Elements with the `role=text` attribute do not have focusable descendents.

○ARIA toggle fields have accessible names

○ARIA `tooltip` elements have accessible names

○ARIA `treeitem` elements have accessible names

○The page contains a heading, skip link, or landmark region

○`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, `<template>` or `<div>` elements.

○Definition list items are wrapped in `<dl>` elements

○ARIA IDs are unique

○No form fields have multiple labels

○`<html>` element has an `[xml:lang]` attribute with the same base language as the `[lang]` attribute.

○Input buttons have discernible text.

○`<input type="image">` elements have `[alt]` text

○Form elements have associated labels

○Links are distinguishable without relying on color.

○The document does not use `<meta http-equiv="refresh">`

○`<object>` elements have alternate text

○Select elements have associated label elements.

○Skip links are focusable.

○Cells in a `<table>` element that use the `[headers]` attribute refer to table cells within the same table.

○`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.

○`[lang]` attributes have a valid value

○`<video>` elements contain a `<track>` element with `[kind="captions"]`

○Tables have different content in the summary attribute and `<caption>`.

○All heading elements contain content.

○Uses ARIA roles only on compatible elements

○Image elements do not have `[alt]` attributes that are redundant text.

○Identical links have the same purpose.

○Elements with visible text labels have matching accessible names.

○Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a caption.

○`<td>` elements in a large `<table>` have one or more table headers.

All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.