wcagcheckr

For design-system teams

Audit every component, every state — and fix a token once.

Your design system is the leverage point: fix an accessibility issue at the token or the component, and it’s fixed everywhere it’s consumed. wcagcheckr auto-iterates your Storybook (or Ladle), runs the multi-state matrix on every story, and groups findings by design token — so one fix clears N pages instead of whack-a-mole.

Auditing accessibility page-by-page on a tokenized system is backwards — you fix the same contrast issue in fifty places because it’s really one token. And every re-audit re-surfaces the inherited debt you already triaged.

Per-component baselines and delta-only reporting flip that: you see only what changed since last time, grouped by the component or token that owns it.

Start free — point it at your Storybook

Install free and audit your component library on real stories.

  • Storybook / Ladle auto-iterate — every story, across states, one click
  • Per-component scorecard + 3 baselines per component
  • The full visualizer pack — reading order, tab order, target size, contrast
  • Standard exports (JSON / SARIF / JUnit / HTML / tickets)
Install free

Why token-grouping matters

The first audit of a component library is the expensive one. After that, delta-only + token grouping mean a violation shows up once, attributed to the token or component that owns it — so your second pass is a fraction of the work and your fixes compound across every consumer.

Audit every story, every state, in one click. Fix the token once.

No checkout here — on purpose. Install free, run it on your real site, and unlock the rest inside the app when the evidence is worth it to you.