learn.esalt.net

You finish the UI, run Lighthouse, and suddenly six color pairs fail WCAG AA (opens in new tab)

Covered by DEV CommunityDiscussed on DEV

Accessibility audits usually happen late. A tool runs on the deployed site, flags a dozen low-contrast text/background combinations, and now you're backtracking through component styles to fix values that were baked in months ago. salt-theme-gen runs 18 WCAG 2.1 contrast ratio checks at token generation time — before any components are built. If a token combination fails, you know before writing a line of CSS. What gets checked const theme = generateTheme({ preset: 'ocean' }); const { accessi...

Read the original article
Sign in to keep reading the full article.

Covered in 2 articles

DEV Community·
Discussed on DEV
Feeds
DEV Community·
Discussed on DEV
Feeds

Keyboard Shortcuts

Navigation

Next / previous post
j/k
Open post
oorEnter
Preview post
v

Post Actions

Love post
a
Like post
l
Dislike post
d
Undo reaction
u
Save / unsave
s

Recommendations

Add interest / feed
Enter
Not interested
x

Go to

Home
gh
Interests
gi
Feeds
gf
Likes
gl
History
gy
Changelog
gc
Settings
gs
Discover
gb
Search
/

General

Show this help
?
Submit feedback
!
Close modal / unfocus
Esc

Press ? anytime to show this help