histoire A11y testing

We could leverage axe to get accessibility testing for stories.

May 09 '22 06:05 Akryum

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

I think it could be a really nice feature

Jun 23 '22 16:06 alvarosabu

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

Any wish list?

Aug 05 '22 15:08 alvarosabu

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.

Aug 05 '22 15:08 Akryum

@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)

Aug 09 '22 13:08 alvarosabu

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

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

Aug 09 '22 13:08 Akryum

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

Aug 09 '22 13:08 alvarosabu

https://github.com/histoire-dev/histoire/discussions/240

Aug 13 '22 13:08 Akryum