WCAG 2.2 in plain terms
The four principles, the three levels, and which criteria the widget touches.
7 min lasīšanaiAtjaunināts
Dokumentācija ir pieejama tikai angļu valodā.
The Web Content Accessibility Guidelines are the technical baseline that almost every accessibility law points at. Version 2.2 became a W3C Recommendation in October 2023 and adds nine success criteria over 2.1.
The four principles
| Principle | In one sentence |
|---|---|
| Perceivable | People must be able to sense the content — see it, hear it, or feel it. |
| Operable | People must be able to drive the interface, whatever they drive it with. |
| Understandable | Content and behaviour must be predictable and explicable. |
| Robust | It must keep working across browsers and assistive technologies. |
A, AA, AAA
Level A is the floor, AA is what legislation asks for, and AAA is aspirational and not expected across a whole site. When someone says compliant without a level, they almost always mean 2.1 or 2.2 Level AA.
Criteria the widget supports
Each adjustment on the features page lists the success criteria it helps a visitor with. These are the main ones:
| Criterion | Level | How the widget contributes |
|---|---|---|
| 1.4.3 Contrast (Minimum) | AA | High-contrast mode raises the effective ratio for visitors who need it. |
| 1.4.4 Resize Text | AA | Scales text by its own computed size, independent of browser zoom. |
| 1.4.6 Contrast (Enhanced) | AAA | Available to visitors who ask for it, without imposing it on everyone. |
| 1.4.8 Visual Presentation | AAA | Line height, alignment and reading masks are all part of this criterion. |
| 1.4.10 Reflow | AA | Only if your own layout reflows — the widget cannot rescue a fixed-width page. |
| 1.4.12 Text Spacing | AA | Text spacing and line height raise letter, word and line spacing in steps, so visitors who need more space get it. Text spacing level 2 is exactly the criterion's letter (0.12 em) and word (0.16 em) spacing; paragraph spacing is not applied. The criterion is about your layout surviving those values, so still test it with all four (line height 1.5, paragraph spacing 2 em, letter spacing 0.12 em, word spacing 0.16 em). |
| 2.4.7 Focus Visible | AA | Link highlighting strengthens focus and hover affordances. |
| 2.5.8 Target Size (Minimum) | AA | The large cursor helps aim; it does not enlarge your targets. |
| 3.1.3 Unusual Words | AAA | The Dictionary explains a word the visitor selects, with definitions from Wiktionary (in English). It is no substitute for a glossary of your own jargon. |
New in 2.2
- 2.4.11 Focus Not Obscured — sticky headers must not hide the focused element.
- 2.5.7 Dragging Movements — anything draggable needs a single-pointer alternative.
- 2.5.8 Target Size (Minimum) — 24 × 24 CSS pixels, with spacing exceptions.
- 3.2.6 Consistent Help — help mechanisms stay in the same relative place.
- 3.3.7 Redundant Entry — do not ask twice for the same information in one process.
- 3.3.8 Accessible Authentication — no cognitive function test without an alternative.