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
0. Introduction
- 01 - Inside the WCAG 2.2 accessibility guidelines
- 02 - Course use case
1. Exploring WCAG 2.2
- 03 - The struggle with automating WCAG 2.2
- 04 - Dragging movements
- 05 - Accessible interactions
- 06 - Visual contrast and accessibility
- 07 - Media accessibility
- 08 - Providing context for developers
2. Designing with WCAG 2.2
- 09 - Updating an inaccessible page in Figma
- 10 - Visible controls
- 11 - Fixing inaccessible text
- 12 - Accessible video
- 13 - Redundant content
- 14 - Page-break navigation
- 15 - Context and accessibility
Conclusion
- 16 - Lay a foundation