Skip to main content

Tag: WCAG

2 posts

Posts

Two dark rounded UI badges side by side on a soft neutral surface, the left a clean deep red and the right a muddier maroon gradient

Test the tokens you demo, not just the ones you ship

A jest test guarded WCAG contrast on my shipped theme. Storybook rendered a second stylesheet it never parsed, and the demo had drifted to 4.53:1.

3 min read
A grid of color swatches, each labeled with its WCAG contrast ratio, several flagged as failing

Unit-testing design tokens for WCAG contrast

Manual review flagged three contrast issues. A jest test that parses the theme CSS found nine, including a 2.54:1 that had shipped.

3 min read