The Importance of Accessible Design Systems
Summary
A design system is a set of repeatable components and standards guiding the use of those components. Standards can come in the form of documentation, videos, blogs, discussion channels, meetups and office hours just to name a few. A design system may be built internally within an organization, or there are hundreds of open source design systems that can be downloaded and used. However, only a small percentage of those open source design systems are set up such that they can be successfully implemented in a manner that results in software that is accessible to people with disabilities who use assistive technology to interact with technology. This talk will discuss the importance of accessible design systems and a high level overview of the ten best known open source design systems.
Key Insights
-
•
Disabilities include temporary and situational conditions, not only permanent impairments.
-
•
Accessible design systems combine code with standards, documentation, and training to ensure consistent implementation.
-
•
Color contrast must meet at least a 4.5:1 ratio for readability; misuse of red and green impacts colorblind users significantly.
-
•
Screen readers require meaningful, context-sensitive alt text or null alt when images are purely decorative to speed navigation.
-
•
ARIA attributes allow accessibility improvements without changing visual design, debunking the myth that accessible equals ugly or dumbed down.
-
•
Open source design systems encourage multi-company collaboration and legal sharing to improve accessibility across industries.
-
•
User research with people with disabilities differs fundamentally from general user research and is critical to accessible design.
-
•
Accessibility lawsuits in the US are growing rapidly, with some companies facing multiple suits due to backsliding on compliance.
-
•
Disability is often excluded from corporate diversity, inclusion, and equity programs, hindering accessibility progress.
-
•
Future accessibility advances rely on unbiased AI and personalized interfaces that remember user accessibility preferences, creating curb-cut-like benefits for all.
Notable Quotes
"Product owners want everybody to be able to use their software, but if it isn't accessible, you're effectively discriminating against disabled users."
"Situational disabilities like glare or temporary injuries affect a large portion of your audience and need to be considered in design."
"You want to code once and reuse components consistently for better UX; inconsistent skip-to-content links are a classic accessibility failure."
"Auto captions on YouTube struggle with accents and technical terms, so manual or human-reviewed captioning is essential for accuracy."
"Icons are not just decoration, they convey information and must meet WCAG color and size guidelines to be usable."
"Accessibility isn't about dumbing down interfaces; except for color, most guidelines do not require changing the look or behavior of components."
"Open source lets companies like Dell, IBM, and the UK government collaborate legally and share accessibility improvements."
"94% of companies exclude disability from their diversity and inclusion initiatives, a major missed opportunity to advance accessibility."
"Employees are now suing employers for inaccessible tools, with million-dollar verdicts even in conservative courts."
"Personalization of accessibility settings will be the next big shift, letting users avoid repeated microaggressions like repeatedly enabling captions."
Or choose a question:
More Videos
"Hippo culture is building things based on the highest paid person's opinion, no insights, just vibes."
Todd Healy Jess GrecoDriving Change with CX Metrics
June 7, 2023
"One sign of evidence that you've passed an inflection point is when you hire me as a consultant."
David Cronin Uday Gajendar Peter Morville Kendra ShimmellDiscussion
May 13, 2015
"Thou art community, connection, and meaning – the product is not just code or design, it is a shared experience between humans and dogs."
Kevin M. HoffmanTheme 2: Enterprise Team Journey
June 3, 2019
"Stakeholders aren’t leaving us out on purpose; they make reasonable decisions with imperfect information."
Dalia El-ShimySo You've Got a Seat at the Table. Now What?
March 31, 2020
"The Slack channel is the fastest way to get help, whether you’re virtual or in person."
Bria Alexander Louis RosenfeldOpening Remarks Day 1
March 25, 2024
"We’re helping to create those natural conditions in which design and designers thrive by bringing our own sense of sacredness and nobility."
Jon FukudaTheme One Intro
September 8, 2022
"Without buy-in, you can’t get budgets approved or tools put in place to grow research practices."
Clemens Janssen Jane DavisEfficiently Scaling Research as a Team of One
March 28, 2023
"Managing up assumes research is below something, but I see advising as partnerships and equals."
Christian MadsbjergInfluencing Strategy
March 31, 2020
"You might be thinking about accessibility backwards; start with mobile first, then extend to desktop."
Sam ProulxMobile Accessibility: Why Moving Accessibility Beyond the Desktop is Critical in a Mobile-first World
September 8, 2022
