WCAG 2.2-richtlijnen

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

Laatst beoordeeld: 25 augustus 2026.

WCAG 2.2-checklist per niveau en team

Gebruik deze checklist om vereisten te beoordelen per conformiteitsniveau (A, AA, AAA) en per werkstroom (Design, Ontwikkeling, Inhoud).

Niveau ANiveau AANiveau AAADesignOntwikkelingInhoud
VereisteUitleg in duidelijke taalHoe te testenVeelvoorkomende foutHoe op te lossenGerelateerde GetWCAG-bron
AADesign
2.5.8 Doelgrootte (minimum) – AA
Doelen zijn minimaal 24×24 CSS-px of hebben voldoende tussenruimte.Pointerchecks: 24×24 of tussenruimte; slepen niet verplicht. (2.5.7/2.5.8)Primary buttons and icon-only controls are too small on mobile.Increase interactive target size to at least 24x24 CSS px or add spacing.Kleurcontrastcontrole
AADevelopment
2.4.11 Focus niet bedekt (minimum) – AA
Gefocuste elementen moeten minstens gedeeltelijk zichtbaar zijn (voorkom dat sticky UI de focus bedekt).Toetsenbord-rondgang: focus zichtbaar en niet bedekt bevestigen. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.WCAG 2.2 compliance testbibliotheek
AADevelopment
2.5.7 Sleepbewegingen – AA
Bied een éénpunts-alternatief voor slepen (bijv. knoppen om te verplaatsen/te schalen).Pointerchecks: 24×24 of tussenruimte; slepen niet verplicht. (2.5.7/2.5.8)Drag-and-drop is required with no keyboard or tap alternative.Provide add/remove, reorder, or move buttons as single-pointer alternatives.WCAG 2.2 compliance testbibliotheek
AAContent
3.3.8 Toegankelijke authenticatie (minimum) – AA
Vermijd cognitieve tests; sta wachtwoordmanagers, kopiëren/plakken, passkeys enz. toe.Auth: plakken & managers toestaan; passkeys/e-maillink aanbieden. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Handmatige toegankelijkheidsaudits uitgevoerd door een expert
AContent
3.2.6 Consistente hulp – A
Hulpmiddelen op een consistente plek over pagina’s heen aanbieden.Meerstaps-flows: data behouden; hulp consistent plaatsen. (3.3.7 / 3.2.6)Help links or support actions move between templates.Keep support entry points in a consistent location across key pages.Alles over de
AAADesign
2.4.13 Focusweergave – AAA
Duidelijke focusindicator met voldoende contrast.Toetsenbord-rondgang: focus zichtbaar en niet bedekt bevestigen. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Kleurcontrastcontrole

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