Storybook duo-theme preview adds accessibility violations
t-schemmer opened this issue · 0 comments
t-schemmer commented
Storybook's preview contains blocks to show both themes (light and dark) at the same time. If a developer creates a component with an IDREF, they will be duplicated, which the accessibility-plugin will detect as a violation.
Thoughts
- Create a theme toggle plugin (on a Storybook Panel)
- Use an existing plugin to toggle the theme
- Create a toggle as a knob
Notes
- Sometimes it necessary to implement static or dynamic IDREF's for Accessibility purposes (e.g. using
aria-labelledby
oraria-describedby
). Even generated IDREF's within the component can still contribute to issue described above.