Addons

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

Add accessibility docs to Storybook UI

A Screen Reader Storybook addon

Storybook addon for accessibility interaction tests

Use Stark to check your storybook's accessibility.

Inspect the accessibility tree, heading outline and tab order of every story in a live panel

CLI tool for storybook-addon-a11y.

Accessibility-first, codecept-style test actor and locator DSL for Storybook portable stories and Vitest browser mode.

Observe and log aria-live region changes in the addon panel

Catch accessibility violations in your Storybook stories as you develop

Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards

Storybook addon — runs axe-core 4.11 against every story and displays WCAG 2.2 AA violations in a Storybook panel. Same engine as axle CI, so what you see in the panel is what the GitHub Action will block on PR.

Multi-state accessibility audit for Storybook. Cycles each story through default, hover, focus, and dark-mode states, runs axe-core at each, and surfaces per-state findings in a Storybook panel. Companion to the wcagcheckr Chrome extension.

See an outline of your component's semantic structure as understood by browsers, assistive technologies, and search engines.

A Screen Reader Storybook addon for accessibility testing

A Storybook addon for checking how UI components handle increased text spacing.

Test component compliance with web accessibility standards

Visualize keyboard navigation, tab order, and focus management in Storybook

If there is storybook-axe, why not to put it on a stick?

Automatically detect and display browser compatibility for your Storybook components using Baseline data. Supports React, Vue, Angular, and all frameworks with CSS-in-JS detection.