Advanced level · Module 3: Design for Digital Products · Lesson 4 of 4
Accessibility Standards
Design digital products everyone can use.
In this lesson you will
- Apply WCAG principles in design
- Check designs for accessibility
Key concepts
perceivable, operable, understandable, robustcontrast and text sizefocus and labelserror messages
The lesson
The Web Content Accessibility Guidelines organise requirements under four principles: perceivable, operable, understandable and robust.
In design: sufficient contrast, scalable text, visible focus states, labels on form fields, large touch targets and clear error messages.
Annotate designs with accessibility notes for developers, such as headings and screen reader labels.
Step by step
- Check contrast across the prototype.
- Add focus states and labels.
- Write clear error messages.
- Annotate for developers.
Practice activity
Complete an accessibility review of the prototype.
Expected result: A prototype that meets the accessibility checklist.
Check your understanding
-
Name the four WCAG principles.
Show answer
Perceivable, operable, understandable and robust.
-
Why annotate designs for developers?
Show answer
So accessibility features are built correctly.
Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.