Integrations

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

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

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.

A Screen Reader Storybook addon

CLI tool for storybook-addon-a11y.

Add accessibility docs to Storybook UI

Use Stark to check your storybook's accessibility.

Storybook addon — Semantic Navigator A11y tree panel for every story

Catch accessibility violations in your Storybook stories as you develop

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

Storybook addon for accessibility interaction tests

Test component compliance with 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.

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

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

A Screen Reader Storybook addon for accessibility testing

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.

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