Accessibility

Visual validator for WebComponents

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 present this frames in the web components indicating the issues: