Storybook Accessibility Tests
storybook.js.org
Spec sheet
- Purpose
- The Accessibility addon audits a story’s rendered DOM against heuristics based on WCAG rules and other accepted accessibility practices.Read 4 Oct 2026 · storybook.js.org
- Addon availability
- Storybook lists Accessibility Storybook Addon A11y under popular addons and describes it as testing UI component compliance with WCAG web accessibility standards.Read 4 Oct 2026 · storybook.js.org
- Async rendering limitation
- For asynchronous components such as those using Suspense or React Server Components, checks can run before final rendering and produce false negatives.Read 4 Oct 2026 · storybook.js.org
- Configuration
- Users can configure the DOM context, axe settings and options, and individual rules for accessibility checks.Read 4 Oct 2026 · storybook.js.org
- Engine
- The addon is built on Deque’s axe-core library, which Storybook says automatically catches up to 57% of WCAG issues.Read 4 Oct 2026 · storybook.js.org
- Manual review limit
- Some checks are incomplete and require manual confirmation, and Storybook describes automated checks as a first line of QA for blatant violations.Read 4 Oct 2026 · storybook.js.org
- Results
- The Accessibility panel separates results into violations, passes, and incomplete checks that need manual confirmation.Read 4 Oct 2026 · storybook.js.org
- Rulesets
- By default, checks use rules based on WCAG 2.0 and 2.1 Level A and AA guidelines plus best practices.Read 4 Oct 2026 · storybook.js.org
- Test behavior
- The `a11y.test` setting supports `off`, `todo`, and `error`; CI errors require the setting to be `error`.Read 4 Oct 2026 · storybook.js.org
- Vision simulation
- The addon adds a toolbar button to simulate different vision impairments.Read 4 Oct 2026 · storybook.js.org
- Vitest integration
- The Accessibility addon integrates with the Vitest addon so accessibility checks can run alongside component tests in Storybook and CI.Read 4 Oct 2026 · storybook.js.org
- Who it is for
- Storybook presents accessibility testing as a way to check the accessibility of UI components in stories.Read 4 Oct 2026 · storybook.js.org
Plans and prices
Storybook Accessibility addon Free Install with `npx storybook add @storybook/addon-a11y`; Storybook docs provide no separate price for the addon Read 4 Oct 2026 · storybook.js.org
Chromatic Starter $179 a month 35,000 billed snapshots Everything in Free · additional billed snapshots $0.008 · Safari, Firefox, and Edge testing Read 4 Oct 2026 · chromatic.com
Chromatic Pro $399 a month 85,000 billed snapshots Everything in Starter · custom domain Read 4 Oct 2026 · chromatic.com
Chromatic Enterprise Priced on request Unlimited snapshots and TurboSnaps · unlimited accessibility usage · SSO and custom Git integrations · priority support and SLA Read 4 Oct 2026 · chromatic.com
Chromatic Free Price not published 5,000 billed snapshots Chrome testing · unlimited projects, users, and collaborators · Git and CI integrations Read 4 Oct 2026 · chromatic.com
Where Specifiction places it
- Component Libraries Software#6 of 157.5
- Front End Tools#16 of 287.6
- Developer Handoff Software#19 of 257.6