WCAG toegankelijkheid: maak uw website bereikbaar voor iedereen

1 op de 6 mensen heeft een beperking die de manier waarop ze het internet gebruiken beïnvloedt. Visuele beperkingen, motorische problemen, dyslexie, gehoorverlies — al deze gebruikers moeten uw website kunnen gebruiken. Toegankelijkheid is niet alleen een wettelijke verplichting; het is ook goed voor uw bereik en uw SEO.

Wat zijn de WCAG-richtlijnen?

WCAG staat voor Web Content Accessibility Guidelines en is ontwikkeld door het W3C (World Wide Web Consortium). De huidige versie is WCAG 2.1, met drie conformitieniveaus:

• Niveau A: Absolute minimumvereisten
• Niveau AA: Standaard voor overheidswebsites (wettelijk verplicht in NL)
• Niveau AAA: Hoogste niveau, niet altijd haalbaar voor alle content

De vier principes van WCAG zijn samengevat in het acroniem POUR:

Waarneembaar (Perceivable)

Informatie en interface-componenten moeten te presenteren zijn op manieren die gebruikers kunnen waarnemen.

Bedienbaar (Operable)

Interface-componenten en navigatie moeten bedienbaar zijn.

Begrijpelijk (Understandable)

Informatie en bediening van de interface moeten begrijpelijk zijn.

Robuust (Robust)

Content moet robuust genoeg zijn om door een grote verscheidenheid aan gebruikersagenten te worden geïnterpreteerd.

Wettelijke verplichtingen in Nederland

Overheidswebsites

Het Besluit digitale toegankelijkheid overheid (2018) verplicht alle overheidsinstanties hun websites en mobiele apps te laten voldoen aan WCAG 2.1 AA. Dit geldt voor:

• Rijksoverheid en ministeries
• Gemeenten, provincies en waterschappen
• Zelfstandige bestuursorganen (ZBO’s)
• Publieke omroepen

Niet voldoen kan leiden tot handhaving door het Ministerie van BZK.

Europese Accessibility Act (EAA)

Vanaf juni 2025 verplicht de Europese Accessibility Act ook private bedrijven die digitale producten en diensten aanbieden (e-commerce, banking, telecom, media) aan toegankelijkheidseisen te voldoen.

Meest voorkomende toegankelijkheidsfouten

1. Ontbrekende of slechte alt-teksten

Afbeeldingen zonder alt-tekst zijn onzichtbaar voor screenreader-gebruikers. Decoratieve afbeeldingen krijgen alt="" (leeg), informatieve afbeeldingen een beschrijvende tekst.

2. Onvoldoende kleurcontrast

Normale tekst heeft minimaal een contrastverhouding van 4.5:1 nodig. Lichtgrijs op wit is een veelgemaakte fout die content onleesbaar maakt voor mensen met slechtziendheid.

Hulpmiddel: de Chrome DevTools accessibility checker of de WebAIM Contrast Checker.

3. Formulieren zonder labels

Elk formulierveld moet een zichtbaar label hebben dat via HTML is gekoppeld (for / id of aria-labelledby). Placeholder-tekst alleen is niet voldoende.

4. Geen toetsenbordnavigatie

Sommige gebruikers kunnen geen muis gebruiken en navigeren via de Tab-toets. Controleer of elke interactieve element focusbaar is en of de focus-volgorde logisch is.

5. Ontbrekende skip-link

Een “Sla navigatie over” link bovenaan de pagina laat toetsenbord- en screenreader-gebruikers direct naar de hoofdcontent springen.

6. Video’s zonder ondertiteling

Video’s met gesproken content moeten ondertiteling hebben (captions). Auto-gegenereerde ondertitels van YouTube voldoen niet altijd aan WCAG-eisen.

7. Foutmeldingen die niet duidelijk zijn

Formulierfouten moeten in tekst worden uitgelegd (“Vul een geldig e-mailadres in” in plaats van een rood randje) en moeten worden gekoppeld aan het specifieke veld.

Toegankelijkheidsverklaring

Overheidswebsites moeten een openbare toegankelijkheidsverklaring publiceren. Deze verklaring bevat:

• De conformitiedatum
• Welke onderdelen niet volledig toegankelijk zijn
• Hoe bezoekers problemen kunnen melden
• Een klachtenprocedure

De verklaring moet worden bijgehouden en jaarlijks worden geactualiseerd.

Hoe test u uw website op toegankelijkheid?

Geautomatiseerde tools

• axe DevTools (Chrome extensie): snel, gratis, goed voor basischeck
• WAVE: visuele overlay van toegankelijkheidsproblemen
• Lighthouse: ingebouwd in Chrome DevTools

Belangrijk: geautomatiseerde tools vinden slechts 30-40% van alle toegankelijkheidsproblemen. Handmatige test is noodzakelijk.

Handmatige test

• Navigeer uw website met alleen de Tab-toets
• Test met een screenreader (NVDA op Windows, VoiceOver op Mac/iOS)
• Controleer kleurcontrast met een tool
• Test met vergroot lettertype (200%)

Gebruikerstest

De ultieme test: laat mensen met beperkingen uw website gebruiken en observeer waar ze vastlopen.

NarexPlatform en WCAG

NarexPlatform integreert toegankelijkheid in elk project:

• Semantische HTML: correcte heading-structuur, landmarks, ARIA-attributen
• Kleurcontrastcheck bij elke design-beslissing
• Toetsenbordnavigatie getest bij elke release
• Alt-teksten geconfigureerd in het CMS
• Toegankelijkheidsverklaring opstellen en bijhouden
• axe en Lighthouse checks als onderdeel van onze CI/CD pipeline

Voor overheidsklanten leveren wij formele WCAG 2.1 AA auditrapportages.

Conclusie

Toegankelijkheid is niet alleen de wet — het is ook moreel juist en slim zakelijk. Een toegankelijke website bereikt meer mensen, scoort beter in Google (overlappende principes) en verkleint juridische risico’s.

Neem contact op voor een toegankelijkheidsaudit van uw huidige website of voor informatie over hoe wij uw nieuwe website WCAG-compliant bouwen.