Introductie WCAG-pagina's

In deze pagina's vind je Web Content Accessibility Guidelines (WCAG) beschreven en uitgelegd.

Het doel is om WCAG begrijpelijk uit te leggen en daardoor makkelijker toepasbaar te maken. Daarnaast staat beschreven hoe je webpagina's voor de verschillende succescriteria kunt testen.

Let op: Deze pagina's bevatten praktische uitleg, voorbeelden en interpretatie bij de Web Content Accessibility Guidelines (WCAG) voor de niveau's A, AA en AAA. De richtlijnen in NL Design System zijn niet verplicht en geen vervanging voor WCAG, de norm waarnaar in wetgeving wordt verwezen (zie Wat is verplicht - DigiToegankelijk).

Opzet

Elk WCAG-succescriterium heeft een eigen pagina waarin is opgenomen:

• De links naar de officiële richtlijnen en W3C-referenties.
• Een uitleg.
• Hoe voor een succescriterium zelf te testen op webpagina's.
• Links naar gerelateerde richtlijnen, zodat je weet hoe deze criteria toe te passen.
• Bronnen over extra uitleg of voorbeelden.
• Relevant gebruikersonderzoek.
• Veelgemaakte fouten en de oplossingen hiervoor.

Sommige succescriteria bevatten nu alleen nog links en een uitleg. Het doel is om eind van 2024 de inhoud van de A- en AA-criteria compleet te hebben.

WCAG-pagina's

Waarneembaar

• 1.1.1 Niet-tekstuele content
• 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)
• 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)
• 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
• 1.2.4 Ondertitels voor doven en slechthorenden (live)
• 1.2.5 Audiodescriptie (vooraf opgenomen)
• 1.2.6 Gebarentaal (vooraf opgenomen)
• 1.2.7 Verlengde audiodescriptie (vooraf opgenomen)
• 1.2.8 Media-alternatief (vooraf opgenomen)
• 1.2.9 Louter-geluid (live)
• 1.3.1 Info en relaties
• 1.3.2 Betekenisvolle volgorde
• 1.3.3 Zintuiglijke eigenschappen
• 1.3.4 Weergavestand
• 1.3.5 Identificeer het doel van de input
• 1.3.6 Identificeer het doel
• 1.4.1 Gebruik van kleur
• 1.4.2 Geluidsbediening
• 1.4.3 Contrast (minimum)
• 1.4.4 Herschalen van tekst
• 1.4.5 Afbeeldingen van tekst
• 1.4.6 Contrast (versterkt)
• 1.4.7 Weinig of geen achtergrondgeluid
• 1.4.8 Visuele weergave
• 1.4.9 Afbeeldingen van tekst (geen uitzondering)
• 1.4.10 Reflow
• 1.4.11 Contrast van niet-tekstuele content
• 1.4.12 Tekstafstand
• 1.4.13 Content bij hover of focus

Bedienbaar

• 2.1.1 Toetsenbord
• 2.1.2 Geen toetsenbordval
• 2.1.3 Toetsenbord (geen uitzondering)
• 2.1.4 Enkel teken sneltoetsen
• 2.2.1 Timing aanpasbaar
• 2.2.2 Pauzeren, stoppen, verbergen
• 2.2.3 Geen timing
• 2.2.4 Onderbrekingen
• 2.2.5 Herauthentisering
• 2.2.6 Time-outs
• 2.3.1 Drie flitsen of beneden drempelwaarde
• 2.3.2 Drie flitsen
• 2.3.3 Animatie uit interacties
• 2.4.1 Blokken omzeilen
• 2.4.2 Paginatitel
• 2.4.3 Focus volgorde
• 2.4.4 Linkdoel (in context)
• 2.4.5 Meerdere manieren
• 2.4.6 Koppen en labels
• 2.4.7 Focus zichtbaar
• 2.4.8 Locatie
• 2.4.9 Linkdoel (alleen link)
• 2.4.10 Paragraafkoppen
• 2.4.11 Focus niet bedekt (minimum)
• 2.4.13 Focusweergave
• 2.5.1 Aanwijzergebaren
• 2.5.2 Aanwijzerannulering
• 2.5.3 Label in naam
• 2.5.4 Bewegingsactivering
• 2.5.5 Grootte van het aanwijsgebied
• 2.5.6 Input gelijktijdige invoermechanismen
• 2.5.7 Sleepbewegingen
• 2.5.8 Grootte van het aanwijsgebied (minimum)

Begrijpelijk

• 3.1.1 Taal van de pagina
• 3.1.2 Taal van onderdelen
• 3.1.3 Ongebruikelijke woorden
• 3.1.4 Afkortingen
• 3.1.5 Leesniveau
• 3.1.6 Uitspraak
• 3.2.1 Bij focus
• 3.2.2 Bij input
• 3.2.3 Consistente navigatie
• 3.2.4 Consistente identificatie
• 3.2.5 Verandering op verzoek
• 3.2.6 Consistente hulp
• 3.3.1 Foutidentificatie
• 3.3.2 Labels of instructies
• 3.3.3 Foutsuggestie
• 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)
• 3.3.5 Hulp
• 3.3.6 Foutpreventie (alle)
• 3.3.7 Overbodige invoer
• 3.3.8 Toegankelijke authenticatie (minimum)
• 3.3.9 Toegankelijke authenticatie (uitgebreid)

Robuust

• 4.1.1 Parsen
• 4.1.2 Naam, rol, waarde
• 4.1.3 Statusberichten

Aanvullingen of opmerkingen?

Deze pagina's over WCAG worden onderhouden door het NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.