Storybook duo-theme preview adds accessibility violations

[t-schemmer]

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 or aria-describedby). Even generated IDREF's within the component can still contribute to issue described above.