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). 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.

WCAG-pagina's

Op dit moment zijn de volgende succescriteria beschreven, het doel is om eind van dit jaar de lijst compleet te hebben.

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.8 Media-alternatief (vooraf opgenomen)
• 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.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.8 Visuele weergave
• 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.4 Enkel teken sneltoetsen
• 2.2.1 Timing aanpasbaar
• 2.2.2 Pauzeren, stoppen, verbergen
• 2.3.1 Drie flitsen of beneden drempelwaarde
• 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.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.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.2.1 Bij focus
• 3.2.2 Bij input
• 3.2.3 Consistente navigatie
• 3.2.4 Consistente identificatie
• 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.7 Overbodige invoer
• 3.3.8 Toegankelijke authenticatie (minimum)

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.