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 2025.)

Style guides and design systems with accessibility built in

Organization Design Resource
Adobe React Aria Components
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
LinkedIn Design for Inclusivity: A11Y Considerations for Design Systems blog post
Okta Odyssey Design System — Okta says it's designed for accessibility
Salesforce 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.

Comments

Post a Comment

Popular posts from this blog

Cancelling my Planet Fitness membership was easy

Image
Sunday 5/18/2014: I went into my Planet Fitness in Richmond, California, and said I'd like to cancel my membership. The staff person said I could cancel there in person, but not at that moment, because it was 15 minutes before closing on a Sunday. (This location closes at 7:00 PM on a Sunday.) I asked him whether actually I need to send a certified letter, which I had heard was necessary. The staff person said yes that works too, but the easier way is to put it into the computer right there in the franchise. He said I'm already being billed for May; if I cancel by June 10 them I avoid the June 19 bill. Next day, Monday 5/19/2014: I successfully cancelled, 9:45 p.m. They have a standard process with a paper form which they then entered into the computer. It was so fast, I asked the guy if we were all done. He turned his computer screen around and showed me the word "Cancelled" on my record. I wouldn't expect every cancellation experience to go just as smoothly ...
Read more

How do you pronounce the web?

Thank you to Irfan Ali and Janina Sajka for starting the Spoken Pronunciation Task Force in the W3C Accessible Platform Architectures (APA) Working Group. As an accessibility professional, amateur linguist, and person with a cognitive disability , I'm offering this blog post as a perspective and a starting point for discussion. What would happen if we use lexical markup in HTML for improving pronunciation in text to speech (TTS)? Lexical markup specifies the lexeme of a word or phrase, not its phonemes. Lexical markup can help language learners as a basis for more efficient translation. Lexical markup can help end users with cognitive disabilities through more accurate presentation of lexical synonyms (PDF) or conversion to simplified language . Existing W3C standards already offer lexical markup as a basis for pronunciation. In the Pronunciation Lexicon Specification (PLS) and Speech Synthesis Markup Language (SSML) , the role attribute and token element provide this capa...
Read more

Is disclosing ADHD a good idea? Let's find out

It's time. In recognition of World Mental Health Day and ADHD Awareness Month , I've decided to start telling everybody about my ADHD brain. For people who know me, the revelation that I go off on mental tangents might be the least surprising news of the day. Yet I struggled with the decision to say "I have ADHD" out loud in a public forum, and I won't claim that disclosure is for everybody. According to a 2015 survey of ADHD disclosure , respondents were evenly split on whether outcomes in the workplace were positive or negative. "The severity of negative outcomes varied. Some were fired, passed over for promotion, ridiculed, or the ADHD disclosure was ignored by the employer and no attempts were made to implement or offer accommodations." On the other hand, it's easier and safer for me to talk about my ADHD than it is for a lot of other people. As a white male in the United States, I started at a spot near the front of the line which I never...
Read more