@storybook/addon-a11y

Storybook Accessibility Addon

The @storybook/addon-a11y package provides accessibility testing for Storybook stories. It uses axe-core to run the tests.

Getting Started

Add the addon to an existing Storybook

npx storybook add @storybook/addon-a11y

More on getting started with the accessibility addon

Learn more about Storybook at storybook.js.org.

Similar packages

Other packages similar to @storybook/addon-a11y

axe-core

A core library for accessibility testing used by many tools and services, including @storybook/addon-a11y. It can be integrated directly into testing workflows or used as part of other tools.

eslint-plugin-jsx-a11y

An ESLint plugin that enforces accessibility rules in JSX elements. Unlike @storybook/addon-a11y, which is used within Storybook, this plugin integrates with the ESLint static code analysis tool to catch accessibility issues during code linting.

react-axe

A library that can be used in React applications to audit accessibility in real-time during development. It also uses axe-core under the hood but is used directly in the app rather than in Storybook.

pa11y

An automated accessibility testing tool that runs in the command line or as part of your build process. It provides a different approach to accessibility testing compared to the Storybook addon, as it can be used for testing entire pages and is not specific to a component development environment.