Inclusive Design System

Category: Systems / Accessibility Engineering Compliance: WCAG 2.2 Level AAA Target

A design system built from the ground up with inclusion as a core principle. This system provides components that are natively accessible, reducing the burden on developers.

Semantic Foundations

Every component in the system is mapped to semantic HTML elements. We avoid "div soup" and rely on native browser behavior whenever possible to ensure maximum compatibility.

/* High contrast utility in CSS */
@media (forced-colors: active) {
    .btn-primary {
        border: 2px solid ButtonText;
        background-color: ButtonFace;
        color: ButtonText;
    }
}

Scalability

The system is currently used by three major product teams, ensuring a consistent and accessible experience for over 1 million monthly active users.

← Back to Accessibility Cases