Audit Component Accessibility Using Storybook

Building a component library is a great way to gain efficiencies in creating accessible React apps and Storybook is a great tool for doing that. Using the accessibility add-on to Storybook you can test your components in isolation for accessibility issues before composing them into an application.

If you can write and test each of these components initially with accessibility in mind then you now have:

• A library of reusable components with accessibility baked in.
• You won’t need to solve the same problems over and over again.

Resources

• https://storybook.js.org/
• https://www.npmjs.com/package/@storybook/addon-a11y