Integrations

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

Catch unexpected visual and accessibility changes and UI bugs

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

A Screen Reader Storybook addon

Add accessibility docs to Storybook UI

CLI tool for storybook-addon-a11y.

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.

Bring the power of Applitools Eyes Visual AI addon into your Storybook UI to instantly detect visual bugs and ensure every component looks right, every time

Use Stark to check your storybook's accessibility.

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

Storybook addon — Semantic Navigator A11y tree panel for every story

Inspect announcements of ARIA live regions

Storybook addon for accessibility interaction tests

Catch accessibility violations in your Storybook stories as you develop

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

Shows which colors a story actually renders, ranked by how much of the component each one covers, with OKLCH values and contrast.

Test component compliance with web accessibility standards

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

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

Prototype of unofficial markuplint Storybook addon

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.

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.