Accessibility Guidelines

Our design system is built with accessibility in mind. These guidelines will help you create interfaces that are accessible to all users, including those with disabilities.

Accessibility Principles
Our design system follows the WCAG 2.1 AA standards and these core principles

Perceivable

Information and user interface components must be presentable to users in ways they can perceive. This means providing text alternatives for non-text content and creating content that can be presented in different ways without losing information.

Operable

User interface components and navigation must be operable. This means making all functionality available from a keyboard, giving users enough time to read and use content, and not using content that could cause seizures.

Understandable

Information and the operation of the user interface must be understandable. This means making text readable and understandable, making content appear and operate in predictable ways, and helping users avoid and correct mistakes.

Robust

Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. This means maximizing compatibility with current and future user agents, including assistive technologies.

WCAG Conformance Levels

Our design system aims to meet WCAG 2.1 AA standards, which is the recommended level for most websites and applications.

Level A

Essential level of accessibility. Without this, some users will find it impossible to access content.

Level AA

Addresses the major accessibility barriers. This is our target level for all components.

Level AAA

Highest level of accessibility. We aim for this where possible, but it's not required for all components.

Inclusive Design
Design for all users, regardless of ability

Inclusive design considers the full range of human diversity with respect to ability, language, culture, gender, age, and other forms of human difference.

Design for diverse users

Consider users with permanent, temporary, and situational disabilities.

Provide multiple ways to interact

Support different input methods like mouse, keyboard, and touch.

Test with real users

Include people with disabilities in your user testing.

Resources
Tools and references for accessibility
WCAG Guidelines
WebAIM
A11Y Project
Contrast Checker