Richtlijnen voor toegankelijkheid van webcontent

In het overzicht met richtlijnen op deze pagina vind je mijn interpretatie van de richtlijnen voor toegankelijkheid van webcontent (in het Engels de Web Content Accessibility Guidelines (WCAG)). Ik leg de kern van ieder succescriterium uit in duidelijke taal. Geen jargon, wel direct toepasbaar. Loop je toch tegen onduidelijke termen aan? Check dan de begrippenlijst voor uitleg van alle vakwoorden.

Voor de volledige, officiële specificatie verwijs ik naar WCAG 2.2 (Engelstalig) of naar de Nederlandse vertaling.

Of navigeer direct naar een categorie:

Principe 1: Waarneembaar

Richtlijn 1.1 Tekstalternatieven

Succescriterium 1.1.1 Niet-tekstuele content

Niveau A

Geef alle niet-tekstuele content een passend tekstalternatief.

Richtlijn 1.2 Op tijd gebaseerde media

Succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Niveau A

Geef geluidsfragmenten een transcript, en filmpjes zonder geluid een transcript of geluidsspoor.

Succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Niveau A

Geef filmpjes ondertitels waarin ook alle belangrijke geluiden zijn opgenomen.

Succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Niveau A

Geef filmpjes een audiodescriptie of een transcript, behalve als het filmpje een media-alternatief is voor tekst.

Succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Niveau AA

Geef live uitgezonden filmpjes ondertitels waarin ook alle belangrijke geluiden zijn opgenomen.

Succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Niveau AA

Geef filmpjes een audiodescriptie als niet alle zichtbare informatie in geluid duidelijk wordt.

Succescriterium 1.2.6 Gebarentaal (vooraf opgenomen)

Niveau AAA

Geef filmpjes een vertaling in gebarentaal.

Succescriterium 1.2.7 Verlengde audiodescriptie (vooraf opgenomen)

Niveau AAA

Geef filmpjes een verlengde audiodescriptie als de pauzes in de dialoog niet genoeg ruimte bieden voor een gewone audiodescriptie.

Succescriterium 1.2.8 Media-alternatief (vooraf opgenomen)

Niveau AAA

Geef alle vooraf opgenomen filmpjes een transcript.

Succescriterium 1.2.9 Louter-geluid (live)

Niveau AAA

Geef live uitgezonden geluidsfragmenten een transcript.

Richtlijn 1.3 Aanpasbaar

Succescriterium 1.3.1 Info en relaties

Niveau A

Zorg dat informatie, structuur en relaties in de content niet alleen in de vormgeving maar ook in de code is vastgelegd.

Succescriterium 1.3.2 Betekenisvolle volgorde

Niveau A

Zorg dat de content in de code is vastgelegd in een logische leesvolgorde.

Succescriterium 1.3.3 Zintuiglijke eigenschappen

Niveau A

Zorg dat instructies niet alleen afhankelijk zijn van zintuiglijke eigenschappen (zoals vorm, kleur, omvang, locatie, oriëntatie of geluid).

Succescriterium 1.3.4 Weergavestand

Niveau AA

Beperk de weergave van content niet tot één schermoriëntatie (staand of liggend).

Succescriterium 1.3.5 Identificeer het doel van de input

Niveau AA

Leg het doel van invoervelden die gebruikersinformatie verzamelen vast in de code.

Succescriterium 1.3.6 Identificeer het doel

Niveau AAA

Zorg dat het doel van onderdelen, iconen en gebieden op de webpagina in de code is vastgelegd.

Richtlijn 1.4 Onderscheidbaar

Succescriterium 1.4.1 Gebruik van kleur

Niveau A

Gebruik kleur niet als enige middel om informatie over te dragen.

Succescriterium 1.4.2 Geluidsbediening

Niveau A

Zorg voor een mechanisme om geluid dat automatisch langer dan 3 seconden speelt te pauzeren, te stoppen of zacht te zetten.

Succescriterium 1.4.3 Contrast (minimum)

Niveau AA

Zorg voor een contrastverhouding van minimaal 4,5:1 tussen tekst (en afbeeldingen van tekst) en de achtergrond, of minimaal 3:1 bij grote tekst.

Succescriterium 1.4.4 Herschalen van tekst

Niveau AA

Zorg dat tekst schaalbaar is tot 200% zonder verlies van content of functionaliteit.

Succescriterium 1.4.5 Afbeeldingen van tekst

Niveau AA

Gebruik tekst in plaats van een afbeelding van tekst als dezelfde weergave ook met tekst te realiseren is.

Succescriterium 1.4.6 Contrast (versterkt)

Niveau AAA

Zorg voor een contrastverhouding van minimaal 7:1 tussen tekst en de achtergrond, of minimaal 4,5:1 bij grote tekst.

Succescriterium 1.4.7 Weinig of geen achtergrondgeluid

Niveau AAA

Zorg dat achtergrondgeluid bij spraakopnames afwezig, uitzetbaar of minstens 20 decibel zachter dan de spraak is.

Succescriterium 1.4.8 Visuele weergave

Niveau AAA

Zorg voor een mechanisme om voor- en achtergrondkleur, tekstbreedte (max 80 tekens) en regel- en alinea-afstand van tekstblokken aan te passen.

Succescriterium 1.4.9 Afbeeldingen van tekst (geen uitzondering)

Niveau AAA

Gebruik afbeeldingen van tekst alleen decoratief of als een specifieke weergave essentieel is.

Succescriterium 1.4.10 Reflow

Niveau AA

Zorg dat content schaalbaar is tot een breedte van 320 pixels bij verticaal scrollende content, of tot een hoogte van 256 pixels bij horizontaal scrollende content, zonder verlies van content of functionaliteit en zonder dat je in twee richtingen moet scrollen.

Succescriterium 1.4.11 Contrast van niet-tekstuele content

Niveau AA

Zorg voor een contrastverhouding van minimaal 3:1 bij niet-tekstuele bedieningselementen en grafische onderdelen die nodig zijn om de content te begrijpen.

Succescriterium 1.4.12 Tekstafstand

Niveau AA

Zorg dat content niet breekt als een gebruiker deze waarden aanpast: regelafstand 1,5 keer de lettergrootte, alinea-afstand 2 keer de lettergrootte, letterafstand 0,12 keer de lettergrootte en woordafstand 0,16 keer de lettergrootte.

Succescriterium 1.4.13 Content bij hover of focus

Niveau AA

Zorg dat aanvullende content bij hover of focus sluitbaar, aanwijsbaar en blijvend zichtbaar is.

Principe 2: Bedienbaar

Richtlijn 2.1 Toetsenbordtoegankelijk

Succescriterium 2.1.1 Toetsenbord

Niveau A

Zorg dat alle functionaliteit te bereiken en bedienen is met het toetsenbord.

Succescriterium 2.1.2 Geen toetsenbordval

Niveau A

Voorkom dat de focus vast komt te zitten in een component.

Succescriterium 2.1.3 Toetsenbord (geen uitzondering)

Niveau AAA

Zorg dat alle functionaliteit met het toetsenbord te bedienen is (zonder uitzondering voor tijdsafhankelijke invoer).

Succescriterium 2.1.4 Enkel teken sneltoetsen

Niveau A

Zorg voor een mechanisme om sneltoetsen van één teken uit te zetten, aan te passen of te beperken tot het moment dat het component focus heeft.

Richtlijn 2.2 Genoeg tijd

Succescriterium 2.2.1 Timing aanpasbaar

Niveau A

Zorg dat tijdslimieten uitgezet, aangepast of verlengd kunnen worden.

Succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Niveau A

Zorg dat automatisch bewegende, knipperende, scrollende of automatisch bijwerkende content kan worden gepauzeerd, gestopt of verborgen.

Succescriterium 2.2.3 Geen timing

Niveau AAA

Vermijd het gebruik van tijdslimieten.

Succescriterium 2.2.4 Onderbrekingen

Niveau AAA

Zorg voor een mechanisme om onderbrekingen uit te zetten of uit te stellen.

Succescriterium 2.2.5 Herauthentisering

Niveau AAA

Zorg dat gegevens niet verloren gaan als een gebruiker automatisch wordt uitgelogd.

Succescriterium 2.2.6 Time-outs

Niveau AAA

Waarschuw gebruikers bij automatisch uitloggen na een periode van inactiviteit.

Richtlijn 2.3 Toevallen en fysieke reacties

Succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Niveau A

Vermijd elementen die meer dan 3 keer per seconde flitsen.

Succescriterium 2.3.2 Drie flitsen

Niveau AAA

Vermijd elementen die meer dan 3 keer per seconde flitsen (zonder uitzondering voor de drempelwaarde).

Succescriterium 2.3.3 Animatie uit interacties

Niveau AAA

Zorg dat animaties uit interactie kunnen worden uitgezet.

Richtlijn 2.4 Navigeerbaar

Succescriterium 2.4.1 Blokken omzeilen

Niveau A

Zorg dat herhalende blokken met content kunnen worden overgeslagen.

Succescriterium 2.4.2 Paginatitel

Niveau A

Geef webpagina’s een titel die het onderwerp of doel van de pagina beschrijft.

Succescriterium 2.4.3 Focus volgorde

Niveau A

Zorg dat bedieningselementen in een logische volgorde de focus krijgen.

Succescriterium 2.4.4 Linkdoel (in context)

Niveau A

Zorg dat het linkdoel duidelijk wordt uit de linktekst of uit de linktekst samen met de omliggende context.

Succescriterium 2.4.5 Meerdere manieren

Niveau AA

Zorg dat webpagina’s op meerdere manieren te bereiken zijn, tenzij ze deel uitmaken van een stapsgewijs proces.

Succescriterium 2.4.6 Koppen en labels

Niveau AA

Zorg dat koppen en labels het onderwerp of doel beschrijven.

Succescriterium 2.4.7 Focus zichtbaar

Niveau AA

Zorg voor een zichtbare indicator van de toetsenbordfocus.

Succescriterium 2.4.8 Locatie

Niveau AAA

Zorg dat informatie over de locatie van webpagina’s binnen de website beschikbaar is.

Succescriterium 2.4.9 Linkdoel (alleen link)

Niveau AAA

Zorg dat het linkdoel duidelijk wordt uit de linktekst alleen, zonder aanvullende context nodig te hebben.

Succescriterium 2.4.10 Paragraafkoppen

Niveau AAA

Voorzie paragrafen van koppen.

Succescriterium 2.4.11 Focus niet bedekt (minimum)

Niveau AA

Zorg dat bedieningselementen die de focus hebben niet volledig worden bedekt door andere content.

Succescriterium 2.4.12 Focus niet bedekt (uitgebreid)

Niveau AAA

Zorg dat bedieningselementen die de focus hebben niet gedeeltelijk worden bedekt door andere content.

Succescriterium 2.4.13 Focusweergave

Niveau AAA

Zorg dat de focusindicator een contrastverhouding heeft van minimaal 3:1 en minstens zo groot is als een rand van 2 pixels rond het element.

Richtlijn 2.5 Input modaliteiten

Succescriterium 2.5.1 Aanwijzergebaren

Niveau A

Zorg dat functionaliteit die gebruik maakt van meerpuntsgebaren of padgebaseerde gebaren ook te bedienen is met enkele klikken of tappen.

Succescriterium 2.5.2 Aanwijzerannulering

Niveau A

Zorg dat functionaliteit met een aanwijzer geannuleerd kan worden of pas wordt uitgevoerd bij het loslaten.

Succescriterium 2.5.3 Label in naam

Niveau A

Zorg dat alle zichtbare tekst van een bedieningselement is opgenomen in de toegankelijke naam.

Succescriterium 2.5.4 Bewegingsactivering

Niveau A

Zorg dat bediening door beweging van een apparaat uitgeschakeld kan worden en dat er een alternatieve bediening is.

Succescriterium 2.5.5 Grootte van het aanwijsgebied (uitgebreid)

Niveau AAA

Zorg dat het aanwijsgebied van een bedieningselement minimaal 44 bij 44 pixels is.

Succescriterium 2.5.6 Input gelijktijdige invoermechanismen

Niveau AAA

Sluit geen enkele invoermethode uit die het platform ondersteunt.

Succescriterium 2.5.7 Sleepbewegingen

Niveau AA

Zorg dat functionaliteit die gebruik maakt van een sleepbeweging ook te bedienen is met enkele klikken of tappen.

Succescriterium 2.5.8 Grootte van het aanwijsgebied (minimum)

Niveau AA

Zorg dat het aanwijsgebied van een bedieningselement minimaal 24 bij 24 pixels is, of dat er rondom het bedieningselement voldoende ruimte is.

Principe 3: Begrijpelijk

Richtlijn 3.1 Leesbaar

Succescriterium 3.1.1 Taal van de pagina

Niveau A

Leg de taal van de webpagina vast in de code.

Succescriterium 3.1.2 Taal van onderdelen

Niveau AA

Leg de taal van een gedeelte van de tekst dat afwijkt van de standaardtaal vast in de code.

Succescriterium 3.1.3 Ongebruikelijke woorden

Niveau AAA

Zorg voor een mechanisme om moeilijke woorden uit te leggen.

Succescriterium 3.1.4 Afkortingen

Niveau AAA

Zorg voor een mechanisme om afkortingen voluit weer te geven of uit te leggen.

Succescriterium 3.1.5 Leesniveau

Niveau AAA

Bied een eenvoudiger alternatief aan bij tekst die het niveau van lager voortgezet onderwijs overstijgt.

Succescriterium 3.1.6 Uitspraak

Niveau AAA

Zorg voor een mechanisme om de uitspraak van woorden te kunnen bepalen.

Richtlijn 3.2 Voorspelbaar

Succescriterium 3.2.1 Bij focus

Niveau A

Laat een bedieningselement dat de focus krijgt geen contextwijziging veroorzaken.

Succescriterium 3.2.2 Bij input

Niveau A

Laat een bedieningselement waarvan de instelling wordt gewijzigd geen contextwijziging veroorzaken, tenzij de gebruiker vooraf is geïnformeerd.

Succescriterium 3.2.3 Consistente navigatie

Niveau AA

Zorg dat navigaties die op meerdere pagina’s worden herhaald, steeds in dezelfde volgorde ten opzichte van elkaar staan.

Succescriterium 3.2.4 Consistente identificatie

Niveau AA

Zorg dat onderdelen die op meerdere pagina’s worden herhaald en dezelfde functie hebben, steeds consistent benoemd worden.

Succescriterium 3.2.5 Verandering op verzoek

Niveau AAA

Laat contextwijzigingen alleen plaatsvinden op verzoek van de gebruiker, of bied een manier om ze uit te zetten.

Succescriterium 3.2.6 Consistente hulp

Niveau A

Zorg dat hulpfuncties die op meerdere pagina’s worden herhaald, steeds in dezelfde volgorde ten opzichte van de andere paginacontent staan.

Richtlijn 3.3 Assistentie bij invoer

Succescriterium 3.3.1 Foutidentificatie

Niveau A

Geef in tekst aan waar de fout zit bij een verkeerd ingevuld formulierelement.

Succescriterium 3.3.2 Labels of instructies

Niveau A

Zorg voor zichtbare labels en instructies bij formulierelementen.

Succescriterium 3.3.3 Foutsuggestie

Niveau AA

Geef suggesties voor verbetering als een invoerfout wordt ontdekt en de juiste invoer bekend is.

Succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Niveau AA

Zorg dat verzendingen omkeerbaar, controleerbaar of bevestigbaar zijn bij wettelijke, financiële of gegevenswijzigingen.

Succescriterium 3.3.5 Hulp

Niveau AAA

Zorg voor relevante hulp of gedetailleerde instructies.

Succescriterium 3.3.6 Foutpreventie (alle)

Niveau AAA

Zorg dat fouten in formulieren kunnen worden voorkomen.

Succescriterium 3.3.7 Overbodige invoer

Niveau A

Zorg dat gebruikers dezelfde informatie niet meerdere keren moeten invullen tijdens een proces.

Succescriterium 3.3.8 Toegankelijke authenticatie (minimum)

Niveau AA

Zorg dat bij het inloggen geen cognitieve functietest vereist is, tenzij er een alternatieve methode of een hulpmiddel beschikbaar is.

Succescriterium 3.3.9 Toegankelijke authenticatie (uitgebreid)

Niveau AAA

Zorg dat bij het inloggen geen cognitieve functietest vereist is, tenzij die te omzeilen is of met hulp lukt, (objectherkenning en een eigen afbeelding volstaan hier niet als enige uitzondering).

Principe 4: Robuust

Richtlijn 4.1 Compatibel

Succescriterium 4.1.1 Parsen (verouderd en verwijderd)

Niveau A

Let op: Succescriterium 4.1.1 Parsen is op 21 september 2023 komen te vervallen in WCAG 2.1 voor alle HTML en XML content en is niet opgenomen in WCAG 2.2.

Succescriterium 4.1.2 Naam, rol, waarde

Niveau A

Zorg dat software de naam, rol en waarde van bedieningselementen kan bepalen.

Succescriterium 4.1.3 Statusberichten

Niveau AA

Zorg dat statusberichten ook beschikbaar zijn voor hulptechnologieën.