Accessibility in Style Guides and Design Systems

I'm gathering links to publicly available digital style guides and design pattern repositories with accessibility built in. There are other names for these things; what they have in common is that they serve as guides for accessible design and accessible interactive user experience.

Even the best design systems and libraries are unlikely to be completely bug-free, and accessibility is likely to break down when components are used in novel ways. If you find a problem, let the developer know.

Maybe I'll include some UI widget libraries here too as I run across them.

(Started March 2017; last updated March 2021.)

Style guides and design systems with accessibility built in

Organization	Design Resource
Apple	Accessibility - Interaction - iOS Human Interface Guidelines
BBC	BBC Mobile Accessibility Standards and Guidelines
eBay	eBay MIND Patterns - Accessibility Patterns for the Web
Google	Accessibility - Material Design Guidelines
IBM	Carbon Design System includes accessibility documentation for components
ING Bank	Lion Web Components
Okta	Odyssey Design System — Okta says it's designed for accessibility
Salesforce	Accessibility - Lightning Design System
UK Government	GOV.UK Design System
United States Government	U.S. Web Design Standards

Independent design guides for accessibility

This is a list of design-oriented or user-centered explanations of accessible UI components. I won't even try to make this list complete; it's just whatever I happen to be reading.

• A11Y Style Guide
• Inclusive Components (Heydon Pickering)
• Resources for good, solid, agreed-upon accessibility patterns? (Cassie Evans, Twitter)