Documentation

Accessibility

Web accessibility guidelines and laws are crucial for ensuring that the digital content is inclusive and accessible to individuals with disabilities. Our design system is aiming to be level AA (WCAG 2.2) compliant.

Copy link to headline:Our commitment

To make sure products are accessible to everyone, we are committed to being compliant with level AA for all of our components.

The Web Content Accessibility Guidelines (WCAG) 2.2(opens in a new tab) developed by the Web Accessibility Initiative (WAI), are a set of guidelines which purpose is to provide a comprehensive framework for making web content more accessible:

  1. Level A

    Addresses the most critical barriers—such as basic keyboard operability—without which navigation would be impossible for many users.

  2. Level AA
    our target standard

    This level optimizes readability and interaction reliability for the general public and meets the legal requirements for digital products.

  3. Level AAA

    The highest tier with specialized requirements, such as sign language interpretation, typically relevant for specific government agencies or dedicated target groups.

Copy link to headline:What accessibility means for us

Among other things, we mainly focus on the following key principles for our design system:

  1. ARIA Patterns

    If applicable, our components are implemented following their official ARIA Pattern(opens in a new tab). This ensures that known and established design and functional patterns are used that the user is already familiar with.

  2. Assistive technology

    We guarantee keyboard support for all our components and provide additional context for screen readers where needed. Accessibility and descriptive properties are required, not optional.

  3. Color contrast

    We are aiming to use only high contrast colors so text is well readable in any condition and components are clearly visible. To learn more, please visit our Colors & Themes documentation.

Copy link to headline:How we ensure accessibility

To ensure that our components are accessible to everyone, we perform automated accessibility testing(opens in a new tab) for all our components across all component variations and states.