Examples of the best design systems that focuses more on accessibility.
Atlassian Design System
Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.
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.
Toolkit for building accessible UIs.
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.
This web accessibility guide includes best practices, resources, and practical advice about how to ensure all users have equal access to information and functionality.
Kyper Design System
An accessible design system built by design team at MX.
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.
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.
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.
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.