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;
For more customizability. Use the
addParameters function to configure aXe options.
You can override these options at story level too.
- Make UI accessibile
- Show in story where violations are.
- Add more example tests
- Add tests
- Make CI integration possible