Accessibility (A11y)

We want to make sure that our product can be used by anyone. This includes people with disabilities as well as people that have a slow connection, outdated or broken hardware or people that just have an unfavorable environment.

W3C Web Accessibility Initiative (WAI)

The WAI develops strategies, standards, resources to make the web accessibile.

An introduction to Accessibility can be found here: Introduction to Web Accessibilty

The WAI ARIA is the Acessible Rich Internet Applications suite of web standards. It makes Web content and Web applications more accessible with adding attributes to identify features for user interaction and enable e.g. keyboard users to move among regions.

A recommended approach using WAI-ARIA roles, states and properties can be found here: ARIA Authoring Practices Guide (APG)

Vuetify and Vue

We want to use Vuetfiy Components in our project. They provide key interaction for all mouse-based-actions and utilize HTML5 semantic elements where applicable.

See: Vuetify A11y

There is also a Accessibility Chapter in the Best Practices of the Vue Docs: Vue A11y

// TODO: link to good tutorial on how to test a11n // REMINDER: If we establish special a11n-components and/or tools - they should be described here