Storybook Accessibility Tests

Plans and prices

Every plan, in full

On the record

Addon availability

Storybook lists Accessibility Storybook Addon A11y under popular addons and describes it as testing UI component compliance with WCAG web accessibility standards.storybook.js.org · read 4 Oct 2026

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.storybook.js.org · read 4 Oct 2026

Configuration

Users can configure the DOM context, axe settings and options, and individual rules for accessibility checks.storybook.js.org · read 4 Oct 2026

Engine

The addon is built on Deque’s axe-core library, which Storybook says automatically catches up to 57% of WCAG issues.storybook.js.org · read 4 Oct 2026

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.storybook.js.org · read 4 Oct 2026

Purpose

The Accessibility addon audits a story’s rendered DOM against heuristics based on WCAG rules and other accepted accessibility practices.storybook.js.org · read 4 Oct 2026

Results

The Accessibility panel separates results into violations, passes, and incomplete checks that need manual confirmation.storybook.js.org · read 4 Oct 2026

Rulesets

By default, checks use rules based on WCAG 2.0 and 2.1 Level A and AA guidelines plus best practices.storybook.js.org · read 4 Oct 2026

Test behavior

The `a11y.test` setting supports `off`, `todo`, and `error`; CI errors require the setting to be `error`.storybook.js.org · read 4 Oct 2026

Vision simulation

The addon adds a toolbar button to simulate different vision impairments.storybook.js.org · read 4 Oct 2026

Vitest integration

The Accessibility addon integrates with the Vitest addon so accessibility checks can run alongside component tests in Storybook and CI.storybook.js.org · read 4 Oct 2026

Who it is for

Storybook presents accessibility testing as a way to check the accessibility of UI components in stories.storybook.js.org · read 4 Oct 2026

Alternatives to Storybook Accessibility Tests

AD Ant Design IconsAndroidiPhone & iPad+1 B BitAndroidiPhone & iPad+3 S SupernovaWebMac+1 Z zeroheightWeb C ChromaticWeb H HandoffWebWindows+4 K KnapsackWeb RC React CosmosWeb

Every alternative, ranked