WCAG 2.2-richtlijnen

Praktische, ontwikkelaarsklare gids voor WCAG 2.2 – wat nieuw is, wat je bouwt en hoe je test.

Wat is nieuw in WCAG 2.2

WCAG 2.2 voegt 9 nieuwe succescriteria toe en verwijdert 4.1.1 Parsing. Conformiteit met 2.2 impliceert 2.1/2.0 (achterwaarts compatibel). [1]

  • 2.4.11 Focus niet bedekt (minimum) – AA
    Gefocuste elementen moeten minstens gedeeltelijk zichtbaar zijn (voorkom dat sticky UI de focus bedekt). [2]
  • 2.4.12 Focus niet bedekt (verhoogd) – AAA
    Het gefocuste element is volledig zichtbaar. [3]
  • 2.4.13 Focusweergave – AAA
    Duidelijke focusindicator met voldoende contrast. [4]
  • 2.5.7 Sleepbewegingen – AA
    Bied een éénpunts-alternatief voor slepen (bijv. knoppen om te verplaatsen/te schalen). [5]
  • 2.5.8 Doelgrootte (minimum) – AA
    Doelen zijn minimaal 24×24 CSS-px of hebben voldoende tussenruimte. [6]
  • 3.2.6 Consistente hulp – A
    Hulpmiddelen op een consistente plek over pagina’s heen aanbieden. [7]
  • 3.3.7 Redundante invoer – A
    Laat gebruikers in meerstaps-flows gegevens niet opnieuw invoeren; voorinvullen of “vorige gebruiken”. [8]
  • 3.3.8 Toegankelijke authenticatie (minimum) – AA
    Vermijd cognitieve tests; sta wachtwoordmanagers, kopiëren/plakken, passkeys enz. toe. [9]
  • 3.3.9 Toegankelijke authenticatie (verhoogd) – AAA
    Zelfde bedoeling, strengere dekking. [10]

AA-checklist (bouwen & testen)

Dek deze impactvolle AA-onderdelen af, inclusief de nieuwe items uit 2.2.

Focus & toetsenbord

  • Alle bedieningselementen bereikbaar met Tab/Shift+Tab; geen valkuilen.
  • Zichtbare :focus-visible-omlijning met goed contrast. (2.4.11/2.4.13) [11]
  • Gefocust element wordt niet bedekt door sticky headers/footers. (2.4.11) [12]

Pointer & doelgrootte

  • Alternatief voor slepen voor alle functionaliteit. (2.5.7) [13]
  • Doelen ≥ 24×24 CSS-px of voldoende tussenruimte. (2.5.8) [14]

Formulieren & authenticatie

  • Expliciete labels; behulpzame fouten; programmatische status.
  • Vraag in hetzelfde proces niet tweemaal om dezelfde gegevens. (3.3.7) [15]
  • Sta plakken/managers/passkeys toe; vermijd cognitieve tests. (3.3.8) [16]

Hulp & proces

  • Plaats hulplinks of contactinformatie consequent. (3.2.6) [17]
  • Volledige pagina’s en complete processen voldoen aan het doelniveau (niet alleen losse schermen). [18]

WCAG-conformiteit (hoe je die bereikt)

  • Niveaus: A, AA, AAA. Beleid richt zich meestal op AA. [19]
  • Volledige pagina’s & complete processen: elke stap voldoet aan het niveau. [20]
  • Technologieën met toegankelijkheids­ondersteuning en geen inhoud die de criteria schendt. [21]
  • Achterwaarts compatibel: 2.2 bouwt voort op 2.1/2.0; 4.1.1 verwijderd. [22]

Testworkflow (praktisch)

  1. Geautomatiseerde regels (GetWCAG) voor snelle vondsten.
  2. Toetsenbord-rondgang: focus zichtbaar en niet bedekt bevestigen. (2.4.11) [23]
  3. Pointerchecks: 24×24 of tussenruimte; slepen niet verplicht. (2.5.7/2.5.8) [24]
  4. Auth: plakken & managers toestaan; passkeys/e-maillink aanbieden. (3.3.8) [25]
  5. Meerstaps-flows: data behouden; hulp consistent plaatsen. (3.3.7 / 3.2.6) [26]

“Geen automatische issues” ≠ conformiteit. Handmatige review is vereist.

FAQ

Als ik 2.2 AA haal, haal ik dan ook 2.1 AA?

Ja – WCAG 2.2 is aanvullend op 2.1/2.0 (4.1.1 is verwijderd). [27]

Is AAA verplicht?

Meestal niet. Zie AAA (bijv. 2.4.12, 2.4.13, 3.3.9) als streefdoelen, tenzij beleid het vereist. [28]

Officiële referenties
  1. What’s new in WCAG 2.2 (W3C)
  2. Understanding 2.4.11
  3. Understanding 2.4.12
  4. Understanding 2.4.13
  5. Understanding 2.5.7
  6. Understanding 2.5.8
  7. Understanding 3.2.6
  8. Understanding 3.3.7
  9. Understanding 3.3.8
  10. Understanding 3.3.9
  11. Focus appearance guidance
  12. Focus not obscured guidance
  13. Dragging movements
  14. Target size minimum
  15. Redundant entry
  16. Accessible authentication (min)
  17. Consistent help
  18. Conformance basics
  19. WCAG overview
  20. Full pages & processes
  21. Accessibility-supported
  22. New in 2.2 / 4.1.1 note
  23. Keyboard sweep ref
  24. Pointer & target size
  25. Auth checks
  26. Process consistency
  27. 2.2 implies 2.1/2.0
  28. AAA context
WCAG 2.2-richtlijnen (AA-focus) — Praktische gids