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
"Carbon is just the starting point for what can be imagined. We're hired for our expertise to adapt, not just follow directions."
Mitchell BernsteinOrganizing Chaos: How IBM is Defining Design Systems with Sketch for an Ever-Changing AI Landscape
September 29, 2021
"Tell a story of design: start with the background, introduce the users, demonstrate how it will work."
Billy CarlsonTips to Utilize Wireframes to Tell an Effective Product Story
June 6, 2023
"You have to build something, ship something, and make something especially when dealing with hundreds of thousands of objects."
Uday GajendarTheme 1: Introduction
June 9, 2021
"Reality space focuses on customers’ mental models, appetite for change, and the broader solution ecosystem."
Sean McKayWhole Product Thinking: Expanding beyond problem and solution space thinking
March 14, 2024
"Sometimes the solution is obvious and doesn’t need a lot of user research time."
Aditi Ruiz Christian Crumlish Farid SabitovA PM State of Mind: Empathy Mapping Your Product Manager, Pt. 1
December 6, 2022
"Real estate transactions are among the top five life events in terms of emotional significance for people."
Greg PetroffThe Compass Mission
March 10, 2021
"Every culture has things to celebrate and improve upon; we should learn from others instead of imposing our own standards."
Tricia WangSCALE: Discussion
June 15, 2018
"When I first got to Citrix, people didn’t even know we had a design team."
Julie BaherCulture Change—My Journey
May 14, 2015
"Design is a way to create better futures — better alternatives — but it requires persistent realistic optimism."
Hana NagelTurning Research Ripples into Waves
November 8, 2018
