Design System

Examples of the best design systems that focuses more on accessibility.

atlassian

Design Systems

Atlassian Design System

Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

bbc-gel

Design Systems

BBC GEL

BBC and UX&D Design System that focuses on every day's stuff that makes things special, as well as the stuff that makes things happen.

reakit

Design Systems

Reakit

Toolkit for building accessible UIs.

Design Systems

Radix UI

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

Design Systems

Accessibility Guidelines

This web accessibility guide includes best practices, resources, and practical advice about how to ensure all users have equal access to information and functionality.

system-kyper

Design Systems

Kyper Design System

An accessible design system built by design team at MX.

system-salesforce

Design Systems

Salesforce Lightning Design System

The Lightning Design System for React is an implementation of the http://www.lightningdesignsystem.com/ with accessible patterns and established best practices.

uswds-color

Design Systems

Using color - U.S. Web Design System (USWDS)

USWDS organizes its colors tokens into https://designsystem.digital.gov/design-tokens/color/theme-tokens/, https://designsystem.digital.gov/design-tokens/color/state-tokens/, and https://designsystem.digital.gov/design-tokens/color/system-tokens/. System tokens are the complete set of colors available to USWDS.

system-react-aria

Design Systems

React Aria

A library of React Hooks that provides accessible UI primitives for your design system. React Aria provides accessibility and behavior according to https://www.w3.org/TR/wai-aria-practices-1.2/, including full screen reader and keyboard navigation support.

WCAG-accessbility-checklist

Case Study

Scaling accessibility with a design system

Geri Reid's case study about her experience of learning how to design accessible web components, then scale their impact through a design system.