This storybook addon can be helpful to make your UI components more accessible.
First, install the addon.
$ yarn add @storybook/addon-a11y --dev
Add this line to your
addons.js file (create this file inside your storybook config directory if needed).
withA11y decorator to check your stories for violations within your components.
;;;// should only be added once// best place is in config.js;
- Make UI accessible
- Show in story where violations are.
- Add more example tests
- Add tests
- Make CI integration possible