0Pricing
Vue Academy · Lesson

Storybook Addons and Accessibility Testing

@storybook/addon-a11y, viewport addon, docs addon for auto-documentation.

Extending Storybook with Addons

Addons plug extra panels and tools into Storybook. Beyond Controls and Actions, addons cover accessibility, responsive viewports, and auto-generated documentation.

The Accessibility Addon

@storybook/addon-a11y runs the axe-core engine on each story and reports WCAG violations — contrast issues, missing labels, bad roles — right in a panel.

// terminal
// npm install -D @storybook/addon-a11y

All lessons in this course

  1. Setting Up Storybook for Vue 3
  2. Writing Component Stories
  3. Controls, Actions, and Args
  4. Storybook Addons and Accessibility Testing
← Back to Vue Academy