Wordt verwacht: Web Content Accessibility Guidelines (WCAG)
01-01-2025
WCAG betekent Web Content Accessibility Guidelines. In het Nederlands noemen we dat: richtlijnen voor toegankelijke webinhoud. WCAG is een soort handleiding die uitlegt hoe je websites en apps maakt die voor iedereen goed te gebruiken zijn, ook voor mensen met een beperking.
Er zijn 4 hoofdprincipes in WCAG:
- Waarneembaar – Informatie moet te zien of te horen zijn (bijvoorbeeld tekst in plaats van alleen een afbeelding).
- Bedienbaar – Je moet de website met toetsenbord of muis kunnen gebruiken.
- Begrijpelijk – De taal en functies moeten duidelijk zijn.
- Robuust – De website moet goed werken met verschillende apparaten en hulpmiddelen (zoals een schermlezer).
CHECKLIST
1. Waarneembaar – Is alles goed te zien of te horen?
☐ Afbeeldingen hebben alt-teksten (of zijn gemarkeerd als decoratief)
☐ Tekst heeft voldoende kleurcontrast met de achtergrond
☐ Video’s bevatten ondertiteling
☐ Belangrijke informatie is niet alleen via kleur aangegeven (bijv. foutmeldingen in formulieren)
☐ Koppen (H1, H2, H3) zijn logisch en hiërarchisch gebruikt
2. Bedienbaar – Kun je de site zonder muis gebruiken?
☐ De website is volledig te gebruiken via toetsenbordnavigatie (Tab, Enter)
☐ De focus (bijv. waar je Tab-cursor is) is duidelijk zichtbaar
☐ Links hebben duidelijke beschrijvende teksten ("Lees meer over product X”)
☐ Navigatie is consistent op elke pagina
☐ Knoppen en links zijn groot genoeg om makkelijk aan te klikken
3. Begrijpelijk – Is de inhoud duidelijk en logisch?
☐ Inhoud is geschreven in eenvoudige taal
☐ Lange teksten zijn opgedeeld in kopjes, korte paragrafen en opsommingen
☐ Formulieren hebben duidelijke labels en foutmeldingen
☐ Gebruikers krijgen bevestiging of uitleg na het invullen van een formulier
☐ Gebruikers kunnen niets per ongeluk verliezen (zoals invoer bij een foutmelding)
4. Robuust – Werkt het goed met hulpsoftware en verschillende apparaten?
☐ De website gebruikt toegankelijke HTML-structuur (zoals <button>, <label>, <nav>)
☐ Je gebruikt een CMS of thema dat WCAG-ondersteuning biedt
☐ De site is getest met een schermlezer (bijv. NVDA, VoiceOver)
☐ Pagina’s bevatten geen fouten in de HTML-code (gebruik bijv. W3C validator)
☐ Alle interactieve elementen (zoals knoppen, formulieren) zijn correct gelabeld