WCAG 2.2-checklist: alle 86 succescriteria uitgelegd

Deze checklist behandelt elk succescriterium in WCAG 2.2, georganiseerd volgens de vier POUR-principes en dertien richtlijnen. Elk criterium bevat het conformiteitsniveau, een praktische uitleg en richtlijnen over wat het in de praktijk betekent.

Principe 1: Waarneembaar

Informatie en gebruikersinterfacecomponenten moeten op manieren aan gebruikers worden gepresenteerd die zij kunnen waarnemen.

Richtlijn 1.1: Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A) — Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat hetzelfde doel dient. Dit omvat afbeeldingen, pictogrammen, grafieken, audio, video, animaties, CAPTCHA en decoratieve elementen. Informatieve afbeeldingen hebben beschrijvende alt-tekst nodig. Functionele afbeeldingen hebben alt-tekst nodig die de functie beschrijft. Decoratieve afbeeldingen hebben lege alt-tekst nodig. Complexe afbeeldingen hebben gedetailleerde tekstbeschrijvingen nodig.

Richtlijn 1.2: Op tijd gebaseerde media

1.2.1 Alleen audio en alleen video – vooraf opgenomen (Niveau A) — Bied een transcript voor vooraf opgenomen audio-only content en een transcript of audiobeschrijving voor vooraf opgenomen video-only content.

1.2.2 Ondertiteling – vooraf opgenomen (Niveau A) — Bied gesynchroniseerde ondertiteling voor alle vooraf opgenomen video met audio-inhoud.

1.2.3 Audiobeschrijving of media-alternatief – vooraf opgenomen (Niveau A) — Bied een audiobeschrijving of volledig tekstalternatief voor vooraf opgenomen video-inhoud.

1.2.4 Ondertiteling – live (Niveau AA) — Bied realtime ondertiteling voor alle live audio in video-inhoud.

1.2.5 Audiobeschrijving – vooraf opgenomen (Niveau AA) — Bied audiobeschrijvingen voor alle vooraf opgenomen video-inhoud waarbij belangrijke visuele informatie niet al via het geluid wordt overgebracht.

Richtlijn 1.3: Aanpasbaar

1.3.1 Info en relaties (Niveau A) — Informatie, structuur en relaties die via presentatie worden overgebracht, zijn programmatisch bepaalbaar of beschikbaar in tekst. Gebruik correcte kopopmaak, lijstopmaak, tabelopmaak, formulierlabels en oriëntatiepunten om de structuur over te brengen die visueel zichtbaar is.

1.3.2 Zinvolle volgorde (Niveau A) — Wanneer de volgorde waarin content wordt gepresenteerd de betekenis beïnvloedt, kan een correcte leesvolgorde programmatisch worden bepaald. De DOM-volgorde moet overeenkomen met de visuele volgorde.

1.3.3 Zintuiglijke kenmerken (Niveau A) — Instructies voor het begrijpen en bedienen van content zijn niet uitsluitend afhankelijk van zintuiglijke kenmerken zoals vorm, kleur, grootte, visuele locatie, oriëntatie of geluid.

1.3.4 Oriëntatie (Niveau AA) — Content beperkt de weergave en bediening niet tot één schermoriëntatie, tenzij een specifieke oriëntatie essentieel is.

1.3.5 Invoerdoel identificeren (Niveau AA) — Het doel van formulierinvoervelden die gebruikersinformatie verzamelen, kan programmatisch worden bepaald met het autocomplete-attribuut.

Richtlijn 1.4: Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A) — Kleur wordt niet gebruikt als het enige visuele middel om informatie over te brengen, een actie aan te geven, een reactie uit te lokken of een visueel element te onderscheiden.

1.4.2 Audiobediening (Niveau A) — Als audio automatisch langer dan drie seconden wordt afgespeeld, bied dan een mechanisme om te pauzeren, stoppen of het volume onafhankelijk te regelen.

1.4.3 Contrast – minimum (Niveau AA) — Tekst en afbeeldingen van tekst hebben een contrastverhouding van ten minste 4,5:1, behalve voor grote tekst (3:1), incidentele tekst en logotypes.

1.4.4 Tekstgrootte wijzigen (Niveau AA) — Tekst kan worden vergroot tot 200% zonder verlies van inhoud of functionaliteit.

1.4.5 Afbeeldingen van tekst (Niveau AA) — Tekst wordt gebruikt om informatie over te brengen in plaats van afbeeldingen van tekst, behalve wanneer een bepaalde visuele presentatie essentieel is.

1.4.10 Herschikking (Niveau AA) — Content kan worden gepresenteerd zonder verlies van informatie of functionaliteit en zonder scrollen in twee richtingen te vereisen bij een breedte van 320 CSS pixels voor verticale content en een hoogte van 256 CSS pixels voor horizontale content.

1.4.11 Niet-tekstueel contrast (Niveau AA) — Gebruikersinterfacecomponenten en zinvolle grafische objecten hebben een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren.

1.4.12 Tekstafstand (Niveau AA) — Geen verlies van inhoud of functionaliteit treedt op wanneer gebruikers de regelhoogte aanpassen naar 1,5x lettergrootte, alinea-afstand naar 2x lettergrootte, letterafstand naar 0,12x lettergrootte en woordafstand naar 0,16x lettergrootte.

1.4.13 Content bij hover of focus (Niveau AA) — Wanneer het ontvangen en verwijderen van muishover of toetsenbordfocus extra content laat verschijnen en verdwijnen, is die content afwijsbaar, hoverbaar en persistent.

Principe 2: Bedienbaar

Gebruikersinterfacecomponenten en navigatie moeten bedienbaar zijn.

Richtlijn 2.1: Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A) — Alle functionaliteit is bedienbaar via een toetsenbordinterface zonder dat specifieke timings vereist zijn.

2.1.2 Geen toetsenbordval (Niveau A) — Als de toetsenbordfocus naar een component kan worden verplaatst, kan de focus ook worden weggehaald met alleen een toetsenbord.

2.1.4 Tekentoetssnelkoppelingen (Niveau A) — Als een sneltoets alleen letter-, leesteken-, cijfer- of symbooltekens gebruikt, kan de sneltoets worden uitgeschakeld, opnieuw worden toegewezen of alleen worden geactiveerd wanneer het relevante component de focus heeft.

Richtlijn 2.2: Voldoende tijd

2.2.1 Aanpasbare timing (Niveau A) — Voor elke door content ingestelde tijdslimiet kan de gebruiker de tijdslimiet uitschakelen, aanpassen of verlengen.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A) — Voor bewegende, knipperende, scrollende of automatisch bijwerkende content die automatisch start en langer dan vijf seconden duurt, kunnen gebruikers deze pauzeren, stoppen of verbergen.

Richtlijn 2.3: Aanvallen en fysieke reacties

2.3.1 Drie flitsen of onder drempelwaarde (Niveau A) — Niets op de pagina flitst meer dan drie keer in een periode van één seconde.

Richtlijn 2.4: Navigeerbaar

2.4.1 Blokken overslaan (Niveau A) — Een mechanisme is beschikbaar om herhaalde contentblokken over te slaan, zoals skip-navigatielinks.

2.4.2 Paginatitel (Niveau A) — Webpagina's hebben titels die het onderwerp of doel beschrijven.

2.4.3 Focusvolgorde (Niveau A) — Focusbare componenten ontvangen focus in een volgorde die betekenis en bedienbaarheid behoudt.

2.4.4 Linkdoel – in context (Niveau A) — Het doel van elke link kan worden bepaald vanuit alleen de linktekst of met de context ervan.

2.4.5 Meerdere manieren (Niveau AA) — Meer dan één manier is beschikbaar om een pagina te vinden binnen een set pagina's.

2.4.6 Koppen en labels (Niveau AA) — Koppen en labels beschrijven hun onderwerp of doel.

2.4.7 Focus zichtbaar (Niveau A) — Elke via toetsenbord bedienbare gebruikersinterface heeft een zichtbare focusindicator.

2.4.11 Focus niet verborgen – minimum (Niveau AA) — Wanneer een component toetsenbordfocus ontvangt, wordt het niet volledig verborgen door door de auteur gecreëerde content. (Nieuw in WCAG 2.2)

2.4.12 Focus niet verborgen – verbeterd (Niveau AAA) — Wanneer een component toetsenbordfocus ontvangt, wordt geen enkel deel van de focusindicator verborgen door door de auteur gecreëerde content. (Nieuw in WCAG 2.2)

2.4.13 Focusweergave (Niveau AAA) — Focusindicatoren hebben voldoende grootte (ten minste een omtrek van 2 pixels) en contrast (ten minste 3:1 tussen gefocuste en ongefocuste toestanden). (Nieuw in WCAG 2.2)

Richtlijn 2.5: Invoermodaliteiten

2.5.1 Aanwijzergebaren (Niveau A) — Alle functionaliteit die meerpunts- of padgebaseerde gebaren gebruikt, kan worden bediend met een enkele aanwijzer zonder padgebaseerd gebaar.

2.5.2 Aanwijzerannulering (Niveau A) — Voor functionaliteit met één aanwijzer wordt de actie geactiveerd bij het omhoog-event en kan worden afgebroken of ongedaan gemaakt.

2.5.3 Label in naam (Niveau A) — Voor componenten met tekstlabels bevat de toegankelijke naam de visueel gepresenteerde tekst.

2.5.4 Bewegingsactivering (Niveau A) — Functionaliteit die wordt geactiveerd door apparaat- of gebruikersbeweging kan ook worden bediend via een gebruikersinterfacecomponent, en bewegingsactivering kan worden uitgeschakeld.

2.5.7 Sleepbewegingen (Niveau AA) — Alle functionaliteit die slepen gebruikt, kan ook worden bereikt met een enkele aanwijzer zonder slepen. (Nieuw in WCAG 2.2)

2.5.8 Doelgrootte – minimum (Niveau AA) — Interactieve doelen zijn ten minste 24 bij 24 CSS pixels, met uitzonderingen voor inline doelen, door de user agent gecontroleerde doelen en voldoende ruim geplaatste doelen. (Nieuw in WCAG 2.2)

Principe 3: Begrijpelijk

Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.

Richtlijn 3.1: Leesbaar

3.1.1 Taal van de pagina (Niveau A) — De standaard menselijke taal van elke webpagina kan programmatisch worden bepaald via het lang-attribuut.

3.1.2 Taal van onderdelen (Niveau AA) — De menselijke taal van elke passage of zin kan programmatisch worden bepaald, behalve voor eigennamen en technische termen.

Richtlijn 3.2: Voorspelbaar

3.2.1 Bij focus (Niveau A) — Wanneer een component focus ontvangt, initieert het geen contextwijziging.

3.2.2 Bij invoer (Niveau A) — Het wijzigen van een componentinstelling veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker van tevoren is geïnformeerd.

3.2.3 Consistente navigatie (Niveau AA) — Navigatiemechanismen die op meerdere pagina's worden herhaald, verschijnen elke keer in dezelfde relatieve volgorde.

3.2.6 Consistente hulp (Niveau A) — Als hulpmechanismen op meerdere pagina's verschijnen, staan ze in dezelfde relatieve volgorde. (Nieuw in WCAG 2.2)

Richtlijn 3.3: Invoerhulp

3.3.1 Foutidentificatie (Niveau A) — Als een invoerfout automatisch wordt gedetecteerd, wordt het item met de fout geïdentificeerd en wordt de fout in tekst beschreven.

3.3.2 Labels of instructies (Niveau A) — Labels of instructies worden verstrekt wanneer content gebruikersinvoer vereist.

3.3.3 Foutsuggestie (Niveau AA) — Als een invoerfout wordt gedetecteerd en suggesties bekend zijn, worden ze aan de gebruiker verstrekt.

3.3.4 Foutpreventie – juridisch, financieel, gegevens (Niveau AA) — Voor pagina's die juridische verplichtingen, financiële transacties of gegevenswijzigingen veroorzaken, zijn inzendingen omkeerbaar, gecontroleerd of bevestigbaar.

3.3.7 Redundante invoer (Niveau A) — Eerder ingevoerde informatie in hetzelfde proces wordt automatisch ingevuld of is beschikbaar voor selectie. (Nieuw in WCAG 2.2)

3.3.8 Toegankelijke authenticatie – minimum (Niveau AA) — Een cognitieve functietest is niet vereist voor authenticatie, tenzij alternatieven of hulpmechanismen worden geboden. Objectherkenningstests zijn toegestaan. (Nieuw in WCAG 2.2)

3.3.9 Toegankelijke authenticatie – verbeterd (Niveau AAA) — Hetzelfde als 3.3.8 maar zonder de uitzondering voor objectherkenning. (Nieuw in WCAG 2.2)

Principe 4: Robuust

Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door een breed scala aan user agents.

Richtlijn 4.1: Compatibel

4.1.2 Naam, rol, waarde (Niveau A) — Voor alle gebruikersinterfacecomponenten kunnen de naam en rol programmatisch worden bepaald, kunnen toestanden en eigenschappen worden ingesteld en zijn wijzigingen beschikbaar voor hulptechnologieën.

4.1.3 Statusberichten (Niveau AA) — Statusberichten kunnen programmatisch worden bepaald via rol of eigenschappen zodat ze door hulptechnologieën aan de gebruiker worden gepresenteerd zonder focus te ontvangen.

Opmerking: SC 4.1.1 Parsing is verwijderd uit WCAG 2.2 als verouderd.

Niveau AAA-criteria (aanvullend)

De volgende Niveau AAA-criteria worden hierboven niet vermeld maar maken deel uit van WCAG 2.2. Ze vertegenwoordigen het hoogste niveau van toegankelijkheid en worden aanbevolen waar haalbaar:

1.2.6 Gebarentaal – vooraf opgenomen (AAA) — Gebarentaalvertolking wordt geboden voor alle vooraf opgenomen audio-inhoud.

1.2.7 Uitgebreide audiobeschrijving (AAA) — Uitgebreide audiobeschrijvingen worden geboden wanneer pauzes in het geluid onvoldoende zijn voor reguliere audiobeschrijvingen.

1.2.8 Media-alternatief – vooraf opgenomen (AAA) — Een volledig tekstalternatief wordt geboden voor alle vooraf opgenomen gesynchroniseerde media en video-only content.

1.2.9 Alleen audio – live (AAA) — Een tekstalternatief wordt geboden voor live audio-only content.

1.3.6 Doel identificeren (AAA) — Het doel van gebruikersinterfacecomponenten, pictogrammen en regio's kan programmatisch worden bepaald.

1.4.6 Contrast – verbeterd (AAA) — Tekst heeft een contrastverhouding van ten minste 7:1 voor normale tekst en 4,5:1 voor grote tekst.

1.4.7 Weinig of geen achtergrondgeluid (AAA) — Vooraf opgenomen audio-only content die voornamelijk spraak bevat, heeft weinig of geen achtergrondgeluid.

1.4.8 Visuele presentatie (AAA) — Tekstblokken bieden visuele aanpassing inclusief voorgrond-/achtergrondkleuren, breedte, regelafstand en uitlijning.

1.4.9 Afbeeldingen van tekst – geen uitzondering (AAA) — Afbeeldingen van tekst worden alleen gebruikt voor pure decoratie of waar essentieel.

2.1.3 Toetsenbord – geen uitzondering (AAA) — Alle functionaliteit is bedienbaar via een toetsenbord zonder uitzonderingen.

2.2.3 Geen timing (AAA) — Timing is geen essentieel onderdeel van het evenement of de activiteit, behalve voor realtime en gesynchroniseerde media.

2.2.4 Onderbrekingen (AAA) — Onderbrekingen kunnen door de gebruiker worden uitgesteld of onderdrukt.

2.2.5 Herauthenticatie (AAA) — Wanneer een geauthenticeerde sessie verloopt, kan de gebruiker doorgaan na herauthenticatie zonder gegevens te verliezen.

2.2.6 Time-outs (AAA) — Gebruikers worden gewaarschuwd voor inactiviteitstime-outs die gegevensverlies kunnen veroorzaken, tenzij gegevens ten minste 20 uur worden bewaard.

2.3.2 Drie flitsen (AAA) — Niets op de pagina flitst meer dan drie keer per seconde, zonder uitzonderingen.

2.3.3 Animatie door interacties (AAA) — Bewegingsanimatie die door interactie wordt geactiveerd, kan worden uitgeschakeld tenzij essentieel.

2.4.8 Locatie (AAA) — Informatie over de locatie van de gebruiker binnen een set pagina's is beschikbaar (bijv. broodkruimels).

2.4.9 Linkdoel – alleen link (AAA) — Het doel van elke link kan worden bepaald vanuit alleen de linktekst.

2.4.10 Sectiekoppen (AAA) — Sectiekoppen worden gebruikt om content te organiseren.

2.5.5 Doelgrootte – verbeterd (AAA) — Interactieve doelen zijn ten minste 44 bij 44 CSS pixels.

2.5.6 Gelijktijdige invoermechanismen (AAA) — Content beperkt het gebruik van invoermodaliteiten die op het platform beschikbaar zijn niet.

3.1.3 Ongebruikelijke woorden (AAA) — Een mechanisme is beschikbaar voor het identificeren van specifieke definities van woorden of zinnen die op een ongebruikelijke manier worden gebruikt.

3.1.4 Afkortingen (AAA) — Een mechanisme voor het identificeren van de volledige vorm van afkortingen is beschikbaar.

3.1.5 Leesniveau (AAA) — Wanneer tekst een meer gevorderd leesniveau vereist dan het lager secundair onderwijs, is aanvullende content of een alternatieve versie beschikbaar.

3.1.6 Uitspraak (AAA) — Een mechanisme is beschikbaar voor het identificeren van de uitspraak van woorden waarbij de betekenis dubbelzinnig is zonder uitspraak.

3.2.4 Consistente identificatie (AA) — Componenten met dezelfde functionaliteit binnen een set pagina's worden consistent geïdentificeerd.

3.2.5 Wijziging op verzoek (AAA) — Contextwijzigingen worden alleen geïnitieerd op verzoek van de gebruiker of er is een mechanisme beschikbaar om dergelijke wijzigingen uit te schakelen.

3.3.5 Hulp (AAA) — Contextgevoelige hulp is beschikbaar.

3.3.6 Foutpreventie – alles (AAA) — Voor alle pagina's die gebruikersinvoer vereisen, zijn inzendingen omkeerbaar, gecontroleerd of bevestigbaar.