Auditing Designs Systems for Accessibility
Hi, I'm Anna!
What we will discuss
Design Systems & Accessibility
Atomic design principles
Atomic design applied
Let’s look at this system a little more closely…
Checking the accessibility of our page…
Checking the accessibility of our page (part 2)
Looking at our button atom
Looking at our button atom
Creating a more accessible design system empowers teams to build inclusive products
Auditing your design system
Accessibility audits are a way to find and log issues in our designs so we can fix them
Log components in audit for review
Start your audit documentation
Use WCAG to check designs and code
WCAG’s Quick Reference Guide can serve as a checklist for your review
What to review in your audit
Review designs
67% of accessibility issues can originate in design
What do we review in design?
Look past styling…
Review Code
Review System Documentation
Add the issues you find to your doc
Map issues to WCAG criteria
Group issues into common themes
Adjust audit as needed for the system, product, and organization
Auditing cannot replace testing and designing with disabled users.
Acting on your accessibility audit
Present a summary of audit findings
Share what issues exist with consuming teams using your system docs.
Share known issues
If you leave those accessibility issues in your backlog forever, I will haunt you.
Thank you!
Resources & Credits
Tools to get started
Sources