LEARN
Fix the issues that come up most.
Twelve short lessons, each with the code before and after.Twelve short lessons, each on one WCAG failure: what goes wrong, who it affects, and the code before and after.
- ImagesWCAG 1.1.1 · AMissing alt text on images
- ColorWCAG 1.4.3 · AAInsufficient color contrast
- FormsWCAG 1.3.1 · AForm fields without labels
- FormsWCAG 4.1.2 · AInaccessible button patterns
- StructureWCAG 1.3.1 · ABroken heading structure
- StructureWCAG 3.1.1 · AMissing or wrong language attribute
- NavigationWCAG 2.4.4 · AUninformative link text
- NavigationWCAG 2.4.1 · AMissing skip navigation links
- KeyboardWCAG 2.1.1 · AElements not keyboard-accessible
- KeyboardWCAG 2.4.7 · AAMissing or hidden focus indicators
- ARIAWCAG 4.1.2 · AMissing ARIA labels on interactive elements
- MultimediaWCAG 1.2.2 · AVideos without captions
Questions
- Which WCAG version should I follow?
- WCAG 2.2, the current version (2023). For legal and procurement purposes, aim for Level AA.
- Are these lessons enough to be compliant?
- They cover common, high-impact failures. Full conformance also needs a person to test what automated checks can’t — about 15 of the 55 A/AA criteria.
- Do I need to code?
- Basic HTML and CSS help, since every lesson shows the code before and after. The explanations work for designers and QA too.