Skip to content
SPECIFICTION
Get listed

Storybook Accessibility Tests

storybook.js.org

From $179/mo Free plan Web

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

Every Storybook Accessibility Tests plan and price →

Where Specifiction places it

Alternatives to Storybook Accessibility TestsAll alternatives →