A11y testing

[Akryum]

We could leverage axe to get accessibility testing for stories.

[alvarosabu]

Hi, something similar to this addon https://storybook.js.org/addons/@storybook/addon-a11y?

I think it could be a really nice feature

[alvarosabu]

@Akryum I will like to take this one, since I need it for my product.

Any wish list?

[Akryum]

We can probably take inspiration from the ally one. Maybe a good first step would be to do some discovery about the things we might need to add to the Plugin API.

[alvarosabu]

@Akryum Is it possible to create a new tab through the Plugin API? Also how to add the UI inside the tab (for example a list of the accessibility violations and links)

[Akryum]

That's thing that we would need to add to the Plugin API. Do you confirm you need the following for now?

• Add a new tab
• Render a component in it using the bundled Vue (integrate with the UI).

[alvarosabu]

Yes, I think those two points will set the bases for plugins that need UI.

I wonder how we could access the current story document from the API ? With api.onPreviewStory?

I need to investigate if axe only works with a selector or if you can actually pass HTML, not sure

[Akryum]

#240

[binaryfire]

This would be great. The lack of accessibility testing is the only thing stopping us migrating from Storybook to Histoire