What the attendees will learn
● Understand digital accessibility principles and their importance in design systems.
● Identify common accessibility issues that might be present in your design system and learn about their potential impact on users.
● Acquire the necessary skills to conduct thorough accessibility audits of your design system.
● Discover many tools and techniques to address and fix accessibility issues effectively.
● Learn invaluable best practices for collaborating with designers, developers, and stakeholders to drive accessibility in digital products.
● Go beyond compliance by advocating for a ‘nothing about us without us’ design approach, creating opportunities to work collaboratively with people with disabilities.\
Requirements
● Basic understanding of UX/UI design principles and front-end development
● Familiarity with design systems or a desire to learn about them
● A laptop with internet access and design software (e.g., Sketch, Figma, Adobe XD)
● Participants are encouraged to come with a design system in mind to practice accessibility auditing during the session\
Workshop Plan
- Welcome and overview of the workshop (5 minutes)\
- Setting Up your Design System Audit (15 minutes)\
- Practice (60 minutes) - Participants will practice reviewing designs, frontend code, and documentation for accessibility
a. Reviewing designs for accessibility (20 minutes)
b. Automated testing for frontend code (20 minutes)
c. Manual testing for frontend code (20 minutes)\ - Break (10 minutes)\
- Hands-on Auditing Workshop (45 minutes) - Participants will work in groups to audit a sample design system or a design system of their choosing\
- Closing and Q&A (15 minutes)\
Target audience roles
UX/UI Designers, Front-end Developers, Product Managers, Accessibility Specialists, and anyone interested in creating accessible digital products.