Web Content Accessibility Guidelines (WCAG)

De Web Content Accessibility Guidelines (WCAG) zijn een reeks richtlijnen om digitale inhoud toegankelijker te maken voor mensen met een beperking.

Op zoek naar een eenvoudige manier om aan de slag te gaan met WCAG?

Wat betekent WCAG voor jou als ontwikkelaar van apps?#

Laat je niet misleiden door de naam, want deze richtlijnen gelden ook voor apps. Maar niet allemaal. Met welke richtlijnen je rekening dient te houden is afhankelijk van waar in de wereld jouw app beschikbaar is. De manier waarop toegankelijkheid wordt geborgd en verplicht vanuit de overheid verschilt nogal per regio. De specifieke manier waarop de WCAG is verwerkt in de lokale wetgeving bepaalt wat jij moet doen om jouw app te laten voldoen. Hieronder volgen de meest bekende implementaties van de WCAG. Gevolgd door een uitleg over de structuur van de WCAG en alle richtlijnen.

Structuur van de WCAG#

Versie 2.1 van de WCAG bestaat uit 4 principes, 13 richtlijnen en 78 succescriteria. De succescriteria zijn onderverdeeld in drie niveaus van conformiteit.

1. Niveau A: zorgt voor een minimumniveau van toegankelijkheid. Er zijn 30 criteria waaraan moet worden voldaan. Als je app niet voldoet aan niveau A, dan heeft deze waarschijnlijk ernstige toegankelijkheidsproblemen. Hierdoor kunnen gebruikers met een beperking je app waarschijnlijk niet volledig kunnen gebruiken.

2. Niveau AA: zorgt voor een hoge mate van toegankelijkheid. Er zijn 20 criteria waaraan moet worden voldaan, plus 30 criteria vanuit niveau A. Wanneer je app voldoet aan niveau AA, dan kan deze door de meeste gebruikers met een beperking gebruikt worden.

3. Niveau AAA: zorgt voor het hoogste niveau van toegankelijkheid. Er zijn 28 criteria waaraan moet worden voldaan, plus 50 criteria vanuit niveau A en AA. Let op: het is niet voor alle inhoud mogelijk om te voldoen aan de eisen vanuit niveau AAA.

We raden aan om tenminste te voldoen aan niveau AA, en waar mogelijk aan niveau AAA.

De onderstaande afbeelding toont de structuur van de WCAG versie 2.1. Criteria waar een sterretje (*) achterstaan, zijn uitgesloten in de norm EN 301 549.

Handleidingen#

De lijst hieronder bevat links naar onze handleidingen voor elk principe, richtlijn en succescriterium.

• Principe 1 - Waarneembaar

  • Richtlijn 1.1 - Teksalternatieven

    • Succescriterium 1.1.1 - Niet-tekstuele Content - Niveau A

  • Richtlijn 1.2 - Op tijd gebaseerde media

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

    • Succescriterium 1.2.2 - Ondertitels voor doven en slechthorenden (vooraf opgenomen) - Niveau A

    • Succescriterium 1.2.3 - Audiodescriptie of media-alternatief (vooraf opgenomen) - Niveau A

    • Succescriterium 1.2.4 - Ondertitels voor doven en slechthorenden (live) - Niveau AA

    • Succescriterium 1.2.5 - Audiodescriptie (vooraf opgenomen) - Niveau AA

    • Succescriterium 1.2.6 - Gebarentaal (vooraf opgenomen) - Niveau AAA

    • Succescriterium 1.2.7 - Verlengde audiodescriptie (vooraf opgenomen) - Niveaul AAA

    • Succescriterium 1.2.8 - Media-alternatief (vooraf opgenomen) - Niveau AAA

    • Succescriterium 1.2.9 - Louter-geluid (live) - Niveau AAA

  • Richtlijn 1.3 - Aanpasbaar

    • Succescriterium 1.3.1 - Info en relaties - Niveau A

    • Succescriterium 1.3.2 - Betekenisvolle volgorde - Niveau A

    • Succescriterium 1.3.3 - Zintuiglijke eigenschappen - Niveau A

    • Succescriterium 1.3.4 - Weergavestand - Niveau AA

    • Succescriterium 1.3.5 - Identificeer het doel van de input - Niveau AA

    • Succescriterium 1.3.6 - Identificeer het doel - Niveau AA

  • Richtlijn 1.4 - Onderscheidbaar

    • Succescriterium 1.4.1 - Gebruik van kleur - Niveau A

    • Succescriterium 1.4.2 - Geluidsbediening - Niveau A

    • Succescriterium 1.4.3 - Contrast (minimum) - Niveau AA

    • Succescriterium 1.4.4 - Herschalen van tekst - Niveau AA

    • Succescriterium 1.4.5 - Afbeeldingen van tekst - Niveau AA

    • Succescriterium 1.4.6 - Contrast (versterkt) - Niveau AAA

    • Succescriterium 1.4.7 - Weinig of geen achtergrondgeluid - Niveau AAA

    • Succescriterium 1.4.8 - Visuele weergave - Niveau AAA

    • Succescriterium 1.4.9 - Afbeeldingen van tekst (geen uitzondering) - Niveau AAA

    • Succescriterium 1.4.10 - Reflow - Niveau AA

    • Succescriterium 1.4.11 - Contrast van niet-tekstuele content - Niveau AA

    • Succescriterium 1.4.12 - Tekstafstand - Niveau AA

    • Succescriterium 1.4.13 - Content bij hover of focus - Niveau AA

• Principe 2 - Bedienbaar

  • Richtlijn 2.1 - Toetsenbordtoegankelijk

    • Succescriterium 2.1.1 - Toetsenbord - Niveau A

    • Succescriterium 2.1.2 - Geen toetsenbordval - Niveau A

    • Succescriterium 2.1.3 - Toetsenbord (geen uitzondering) - Niveau AAA

    • Succescriterium 2.1.4 - Enkel teken sneltoetsen - Niveau A

  • Richtlijn 2.2 - Genoeg tijd

    • Succescriterium 2.2.1 - Timing aanpasbaar - Niveau A

    • Succescriterium 2.2.2 - Pauzeren, stoppen, verbergen - Niveau A

    • Succescriterium 2.2.3 - Geen timing - Niveau AAA

    • Succescriterium 2.2.4 - Onderbrekingen - Niveau AAA

    • Succescriterium 2.2.5 - Herauthentisering - Niveau AAA

    • Succescriterium 2.2.6 - Time-outs - Niveau AAA

  • Richtlijn 2.3 - Toevallen en fysieke reacties

    • Succescriterium 2.3.1 - Drie flitsen of beneden drempelwaarde - Niveau A

    • Succescriterium 2.3.2 - Drie flitsen - Niveau AAA

    • Succescriterium 2.3.3 - Animatie uit interacties - Niveau AAA

  • Richtlijn 2.4 - Navigeerbaar

    • Succescriterium 2.4.1 - Blokken omzeilen - Niveau A

    • Succescriterium 2.4.2 - Paginatitel - Niveau A

    • Succescriterium 2.4.3 - Focus volgorde - Niveau A

    • Succescriterium 2.4.4 - Linkdoel (in context) - Niveau A

    • Succescriterium 2.4.5 - Meerdere manieren - Niveau AA

    • Succescriterium 2.4.6 - Koppen en labels - Niveau AA

    • Succescriterium 2.4.7 - Focus zichtbaar - Niveau AA

    • Succescriterium 2.4.8 - Locatie - Niveau AAA

    • Succescriterium 2.4.9 - Linkdoel (alleen link) - Niveau AAA

    • Succescriterium 2.4.10 - Paragraafkoppen - Niveau AAA

  • Richtlijn 2.5 - Input modaliteiten

    • Succescriterium 2.5.1 - Aanwijzergebaren

    • Succescriterium 2.5.2 - Aanwijzerannulering - Niveau A

    • Succescriterium 2.5.3 - Label in naam - Niveau A

    • Succescriterium 2.5.4 - Bewegingsactivering - Niveau A

    • Succescriterium 2.5.5 - Grootte van het aanwijsgebied - Niveau AAA

    • Succescriterium 2.5.6 - Input gelijktijdige invoermechanismen - Niveau AAA

• Principe 3 - Begrijpelijk

  • Richtlijn 3.1 - Leesbaar

    • Succescriterium 3.1.1 - Taal van de pagina - Niveau A

    • Succescriterium 3.1.2 - Taal van onderdelen - Niveau AA

    • Succescriterium 3.1.3 - Ongebruikelijke woorden - Niveau AAA

    • Succescriterium 3.1.4 - Afkortingen - Niveau AAA

    • Succescriterium 3.1.5 - Leesniveau - Niveau AAA

    • Succescriterium 3.1.6 - Uitspraak - Niveau AAA

  • Richtlijn 3.2 - Voorspelbaar

    • Succescriterium 3.2.1 - Bij focus - Niveau A

    • Succescriterium 3.2.2 - Bij input - Niveau A

    • Succescriterium 3.2.3 - Consistente navigatie - Niveau AA

    • Succescriterium 3.2.4 - Consistente identificatie - Niveau AA

    • Succescriterium 3.2.5 - Verandering op verzoek - Niveau AAA

  • Richtlijn 3.3 - Assistentie bij invoer

    • Succescriterium 3.3.1 - Foutidentificatie - Niveau A

    • Succescriterium 3.3.2 - Labels of instructies - Niveau A

    • Succescriterium 3.3.3 - Foutsuggestie - Niveau AA

    • Succescriterium 3.3.4 - Foutpreventie (wettelijk, financieel, gegevens) - Niveau AA

    • Succescriterium 3.3.5 - Hulp - Niveau AAA

    • Succescriterium 3.3.6 - Foutpreventie (alle) - Niveau AAA

• Principe 4 - Robuust

  • Richtlijn 4.1 - Compatibel

    • Succescriterium 4.1.1 - Parsen - Niveau A

    • Succescriterium 4.1.2 - Naam, rol, waarde - Niveau A

    • Succescriterium 4.1.3 - Statusberichten - Niveau AA