01
Perceivable
1.1.1 Non-text content: images, icons and graphics need alt text. 1.3.1 Info and relationships: structure must be discernible without CSS. 1.4.3 Contrast (minimum): text requires a contrast ratio of at least 4.5:1. 1.4.4 Resize text: text must be resizable up to 200% without loss of content or functionality.
02
Operable
2.1.1 Keyboard: all functionality must be operable via keyboard. 2.4.3 Focus order: the tab sequence must be meaningful. 2.4.7 Focus visible: focused elements must be visibly highlighted. 2.5.3 Label in name: visible labels must match the accessible name.
03
Understandable
3.1.1 Language of page: the primary language must be declared in the HTML lang attribute. 3.2.1 On focus: focus must not trigger unexpected context changes. 3.3.1 Error identification: error messages must identify the affected field and describe how to correct the error.
04
Robust
4.1.1 Parsing: HTML must be valid — no duplicate IDs, correct nesting. 4.1.2 Name, role, value: all UI components must be programmatically determinable. 4.1.3 Status messages: status messages must be conveyed via ARIA live regions without requiring a focus change.
05
New in WCAG 2.2
2.4.11 Focus not obscured (minimum): a focused element must not be entirely hidden behind other elements. 2.5.7 Dragging movements: drag-and-drop interactions must also be operable with a simple pointer action (click/tap). 3.2.6 Consistent help: help mechanisms must be placed consistently.