Scaling Accessibility Through Design Systems
Summary
Incorporating accessibility can be seen as a daunting task, especially for products that have already been released. Alexis Lucio, Senior Accessibility Lead at Splunk, will share her journey in making accessibility a first-class citizen within Splunk Design System. Topics include: how to advocate for accessibility, utilizing use cases to optimize design and dev, how to utilize user input, and ideas on how to collaborate with cross-functional partners.
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
"There are 1.9 billion Google search results for trauma - an exponential increase showing its growing awareness."
Matt Bernius Rachael Dietkus, LCSW Aditi Joshi Alba VillamilLearnings from Applying Trauma-Informed Principles to the Research Process
March 10, 2022
"The more you worry about every question not being answered, the more it distracts from influencing what matters most."
Sarah Alvarado Nalini P. Kotamraju Anne Mamaghani Peter MerholzHow to make UX research leadership more effective [Advancing Research Community Workshop Series]
October 26, 2023
"Healthcare technology is absolutely a growing market with tremendous opportunity."
Theresa NeilDesigning for Wellness: Specializing in Healthcare
May 22, 2024
"Abandon all shame—that's the money quote when it comes to improv and unlocking presence."
Cheryl PlatzMerging Improv with Design
March 7, 2019
"Creating one adopted component can be harder than creating a hundred that never get used."
Nathan CurtisDesign Systems for Us: How Many One-Source(s)-of-Truth Are Enough?
January 17, 2019
"When you design for the edges you get the middle for free."
Sam ProulxAccessibility: An Opportunity to Innovate
November 16, 2022
"It’s important to create a clear value proposition that ties your work to the larger organizational mission."
Jackie AjouxLeveling-Up: A Single-Player’s Guide to the DesignOps Team-of-One
January 8, 2024
"It’s huge to have a framework so managers and employees speak the same language around skills and growth."
Ian SwinsonDesigning and Driving UX Careers
June 8, 2016
"The first thing your eyes see is usually the highest-contrast or largest element, then you flow downwards."
Billy CarlsonPro-level UI Tips for Beginners
September 9, 2022