Accessibility

...

Visual validator for WebComponents

Attention!

This is still a WIP PoC. Only a few attributes are working!

Using @zurich/web-components, we can use a visual tooling during the development to check if we cover all the accessibility requirements. We just need to import the a11y.css stylesheet:

@import "@zurich/web-components/a11y.css";

This will display this frames in the web components indicating the issues: