Scaling Accessibility Through Design Systems
Summary
Key Insights
-
•
Accessibility should be integrated early ('shift left') in the design and development process to reduce tech debt and remediation costs.
-
•
Automation tools catch about 30% of accessibility defects and cannot replace human audits and discernment.
-
•
Accessibility is often mistaken as limiting creativity, but it is actually a driver of innovation and inclusivity.
-
•
Unique naming for components like message bars is critical to avoid confusion for assistive technologies when multiple instances exist.
-
•
Breadcrumb navigation must not rely on color alone to convey meaning; it should be accessible through keyboard and screen readers and consider interactive behaviors.
-
•
Documenting accessibility decisions in design systems helps maintain consistency and educates users of the system.
-
•
Accessibility requires ongoing education and advocacy to get buy-in from diverse teams including designers, engineers, and product managers.
-
•
Small incremental changes to accessibility are better than no changes; it’s an ongoing journey rather than a one-time fix.
-
•
Accessibility levels range from inaccessible to legally compliant, usable, and ultimately innovative; compliance alone does not guarantee good UX.
-
•
Cross-functional collaboration and shared resources like accessibility one-pagers and bug-triaging spreadsheets improve scalability of accessibility efforts.
Notable Quotes
"Accessibility is innovation and this statement could potentially be some unchecked ableism."
"Automation only catches maybe 30% of all your a11y defects and even then we still receive a lot of false positives."
"I help you unlearn and relearn patterns so that you can build better products."
"If you’d rather exclude a group of people from using your product than do accessibility, then think about the impact you’re making."
"You can have a single page that’s got inaccessible, compliant, and accessible experiences all in one."
"No design system will ever be fully accessible because new features and permutations are always being introduced."
"Accessibility is a key component of user experience that has been neglected and requires specialists to close the gap."
"Small incremental changes are better than no changes at all from both the process and technical view."
"We’ve been taught to build fast and break things, and we often play accessibility on the back burner."
"Unique names for components like message bars are crucial, especially when multiple instances are shown at once."
Or choose a question:
More Videos
"Co-regulation means someone who is safe can help bring another out of a triggered state."
Alla WeinbergDesign Teams Need Psychological Safety: Here’s How to Create It
September 9, 2022
"Use the latest version starring feature so your team only gets updates when they’re ready, avoiding constant notifications."
Jaime CreixemsBest Practices when Creating and Maintaining a Design System
June 7, 2023
"AI can serve as a conversational broker, helping non-designers interact naturally with design systems."
Louis Rosenfeld Billy Carlson Jon Fukuda Maria TaylorHow AI will Change DesignOps Tooling
October 3, 2023
"I don’t think any designers today would hand over judgmental decisions fully to AI."
Cennydd Bowles Dan Rosenberg Lisa WelchmanDay 1 Panel
June 4, 2024
"Designers tend to work behind closed doors because the design process is messy and chaotic, and they don’t want people to see that."
Iain McMaster IHan ChengDesign and Product: from Frenemy to Harmony
November 29, 2023
"Blue sky projects should have no gating metrics and no short-term metrics because their value is long-term."
William Newton Jenny ChangHow to Lead With Data, and Without Data
June 7, 2023
"In a usability session, the biggest challenge is not to talk at the same time the screen reader is talking."
Sam ProulxSUS: A System Unusable for Twenty Percent of the Population
December 9, 2021
"You may need to operate the prototype on behalf of users whose assistive tech can’t click or interact with clickable prototypes."
Sam ProulxPrototype Reviews, People With Disabilities, and You
December 8, 2021
"We want this process to be collaborative and cross-functional, involving engineering, design, sales, marketing, and customer success."
Anna Nguyen Emily BroganWhy Our Voice of the Customer is Better Than Yours
March 10, 2022
Latest Books All books
Dig deeper with the Rosenbot
What are the risks of AI generating plausible but flawed designs from component libraries?
How can organizations prevent design system knowledge from being an undocumented API surface reliant on specific individuals?
How can s****y maps help build trust and align stakeholders during remote meetings?