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.
  • Geef filmpjes zonder geluid een transcript of voeg een geluidsspoor toe.

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 filmpjes en animaties (of andere bewegende beelden zonder geluid) 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 en iconen 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 genoeg contrast tussen tekst en de achtergrond, ook bij tekst in afbeeldingen.

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

Vermijd afbeeldingen van tekst als dezelfde weergave ook met eenvoudige code te realiseren is.

Succescriterium 1.4.6 Contrast (versterkt)

Niveau AAA

Zorg voor versterkt contrast tussen tekst en de achtergrond, ook bij tekst in afbeeldingen.

Succescriterium 1.4.7 Weinig of geen achtergrondgeluid

Niveau AAA

Vermijd geluidsfragmenten met achtergrondgeluid, of zorg voor een mechanisme om het achtergrondgeluid te stoppen of zacht te zetten.

Succescriterium 1.4.8 Visuele weergave

Niveau AAA

Zorg voor een mechanisme om de weergave van tekstblokken aan te passen.

Succescriterium 1.4.9 Afbeeldingen van tekst (geen uitzondering)

Niveau AAA

Vermijd afbeeldingen van tekst.

Succescriterium 1.4.10 Reflow

Niveau AA

Zorg dat content schaalbaar is tot een weergavekader van 320 bij 256 zonder verlies van content of functionaliteit en zonder dat horizontaal scrollen voorkomt.

Succescriterium 1.4.11 Contrast van niet-tekstuele content

Niveau AA

Zorg voor genoeg contrast bij niet-tekstuele bedieningselementen en grafische onderdelen.

Succescriterium 1.4.12 Tekstafstand

Niveau AA

Zorg dat de regelafstand, alinea-afstand, letterafstand en woordafstand van tekst kunnen worden aangepast zonder verlies van content of functionaliteit.

Succescriterium 1.4.13 Content bij hover of focus

Niveau AA

Zorg dat aanvullende content die verschijnt bij hover of focus kan worden benaderd, gebruikt en gesloten.

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 te bereiken en bedienen is met het toetsenbord.

Succescriterium 2.1.4 Enkel teken sneltoetsen

Niveau A

Zorg voor een mechanisme om sneltoetsen uit te zetten of aan te passen.

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.

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

Geef links een linktekst die het linkdoel beschrijft.

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 voor genoeg contrast voor de indicator van de toetsenbordfocus.
  • Zorg dat de indicator van de toetsenbordfocus groot genoeg is.

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 kan worden uitgeschakeld en zorg voor een alternatieve bediening.

Succescriterium 2.5.5 Grootte van het aanwijsgebied (uitgebreid)

Niveau AAA

Zorg dat het aanwijsgebied van een bedieningselement groot genoeg is.

Succescriterium 2.5.6 Input gelijktijdige invoermechanismen

Niveau AAA

Beperk het gebruik van de invoermanieren die op een platform beschikbaar zijn niet.​​​​​​​​​​​​​​​​

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

Zorg voor eenvoudige teksten.

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 niet zomaar een contextwijziging plaatsvinden.

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 er een alternatieve methode of een hulpmiddel beschikbaar is maar objectherkenning en persoonlijke content zijn niet toegestaan als enige optie.

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.