Ga naar hoofdinhoud

WCAG-succescriteria uitgelegd

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. Deze pagina's bevatten praktische uitleg, voorbeelden en interpretatie bij de Web Content Accessibility Guidelines (WCAG). Let op: De richtlijnen in NL Design System zijn niet verplicht en geen vervanging voor de WCAG norm waarnaar in wetgeving wordt verwezen.

1.2.9 Louter-geluid (live)

Maak bij een live audio-opname de inhoud ook als uitgeschreven tekst beschikbaar, als live ondertitels of vooraf als tekstdocument.

1.3.2 Betekenisvolle volgorde

Geef toetsenbordgebruikers de mogelijkheid om binnen een pagina sneller te navigeren door onderdelen te kunnen overslaan.

1.3.4 Weergavestand

Aan deze inhoud wordt gewerkt en bevat nu referenties en een korte samenvatting.

1.3.6 Identificeer het doel

Maak ten volste gebruik van de mogelijkheden van bijvoorbeeld HTML en ARIA om het doel van onderdelen van een webpagina duidelijk te maken voor software.

1.4.8 Visuele presentatie

Een gebruiker moet de visuele weergave van tekstblokken zelf kunnen aanpassen om deze beter te kunnen lezen.

1.4.10 Reflow

Aan deze inhoud wordt gewerkt en bevat nu referenties en een korte samenvatting.

1.4.12 Tekstafstand

Aan deze inhoud wordt gewerkt en bevat nu referenties en een korte samenvatting.

2.1.1 Toetsenbord

Zorg dat alle functionaliteit met een toetsenbord te bedienen is.

2.4.1 Blokken omzeilen

Geef toetsenbordgebruikers de mogelijkheid om binnen een pagina sneller te navigeren door onderdelen te kunnen overslaan.

2.4.3 Focus volgorde

Aan deze inhoud wordt gewerkt en bevat nu referenties en een korte samenvatting.

2.4.7 Focus zichtbaar

Beschrijving, documentatie, gerelateerde richtlijnen, bronnen, gebruikersonderzoek en hoe te testen.

2.4.13 Focusweergave

Beschrijving, documentatie, gerelateerde richtlijnen, bronnen, gebruikersonderzoek en hoe te testen.

2.5.3 Label in Naam

Aan deze inhoud wordt gewerkt en bevat nu referenties en een korte samenvatting.

3.1.1 Taal van de pagina

Geef de menselijke taal waarin de tekst van een webpagina is geschreven aan. Dit kan door in het html-element het attribuut ‘lang’ mee te geven.

3.1.2 Taal van onderdelen

Als je pagina tekst bevat in een andere taal dan de hoofdtaal, geef dit dan aan. Dit kan door in het html-element waarbinnen de tekst staat het attribuut ‘lang’ mee te geven.

3.2.1 Bij focus

Beschrijving, documentatie, gerelateerde richtlijnen, bronnen, gebruikersonderzoek en hoe te testen.

3.2.2 Bij input

Beschrijving, documentatie, gerelateerde richtlijnen, bronnen, gebruikersonderzoek en hoe te testen.

3.3.3 Foutsuggestie

Laat een gebruiker op een toegankelijke manier weten hoe een formulierveld goed in te vullen.

4.1.1 Parsen

Zorg dat er geen fouten in de HTML-code zijn.

4.1.2 Naam, rol, waarde

Geef interactieve elementen een toegankelijke naam en een rol. Geef daarnaast, afhankelijk van de functionaliteit, het element een toestand (state), eigenschappen en een waarde mee.

4.1.3 Statusberichten

Je kunt updates met belangrijke informatie met de gebruiker delen via een statusbericht. Zorg er dan voor dat gebruikers die de melding niet zien, deze informatie toch meekrijgen.