Full Day Masterclass: How to Integrate Accessibility in UX Design Systems

Dive into the essential skills of integrating accessibility into UX design systems in this full day workshop. You'll learn the nuances of creating accessible styles, components, patterns, and pages, ensuring that your designs meet the needs of all users. Utilizing Brad Frost's design system methodology, you'll learn to apply accessibility principles across different levels: enhancing styles with design tokens, refining components for accessibility, ensuring interactive patterns are keyboard-navigable, and developing responsive and orientation-friendly templates and pages.

This hands-on session will include a mix of insightful presentations and practical exercises using Figma, where participants will create and integrate accessible UI elements such as buttons, links, and checkboxes into an accessible toolbar, filters, and a complete data details page. You'll gain essential skills to not only understand the structure and role of design systems but also to implement accessible design and documentation at every step.

Learning Outcomes

• Create accessible design elements and integrate them into practical, user-friendly layouts.
• Learn and apply accessible design requirements across the different design system levels.
• Learn the documentation your developers really need to build accessible components and patterns, as well as various ways for how to document the requirements.

Note: Attendees are recommended to have access to Figma or PowerPoint for the practical exercises. Due to limited accessibility features in design tools like Figma, PowerPoint is a viable alternative.