Designing with the WCAG 2.2 Guidelines
35mIntermediate2022-11-23
Authors
Emma Moore
UX/UI Lead, Producer
Course details
Get an overview of the new WCAG 2.2 accessibility guidelines and their impact on web/digital projects with expert Emma Moore, and explore techniques for fixing and/or addressing inaccessible projects in Figma. Topics covered include: the basics of WCAG 2.2 and its guidelines for digital projects; key specific issues that WCAG 2.2 is likely to draw attention to in existing sites and projects; how to identify inaccessible assets and content elements directly, and in Figma; and How to identify inaccessible patterns and optimize for the new guidelines. Also learn strategies for collaborating with project developers to assure a11y (accessibility) is strong, and get some hands-on examples of Figma solutions to a11y issues.
Skills covered
AccessibilityFigmaDiversity, Equity, and Inclusion (DEI)User ExperienceProject
Concepts
Introduction
- Inside the WCAG 2.2 accessibility guidelines
- Course use case
Exploring WCAG 2.2
- The struggle with automating WCAG 2.2
- Dragging movements
- Accessible interactions
- Visual contrast and accessibility
- Media accessibility
- Providing context for developers
Designing with WCAG 2.2
- Updating an inaccessible page in Figma
- Visible controls
- Fixing inaccessible text
- Accessible video
- Redundant content
- Page-break navigation
- Context and accessibility
Conclusion
- Lay a foundation