In dit artikel
Digitale toegankelijkheid betekent dat je website bruikbaar is voor alle bezoekers, inclusief mensen met een visuele, auditieve, motorische of cognitieve beperking. In Nederland heeft 1 op de 4 mensen een vorm van beperking. Als je website niet toegankelijk is, sluit je een kwart van je potentiële klanten uit.
Maar toegankelijkheid gaat verder dan beperkingen. Een goed toegankelijke website is ook beter voor bezoekers met een trage internetverbinding, mensen die hun telefoon in de zon gebruiken, ouderen en iedereen die ooit met één hand navigeert.
Wat is digitale toegankelijkheid?
Digitale toegankelijkheid gaat over vier principes (POUR):
Waarneembaar (Perceivable), Informatie moet op meerdere manieren waarneembaar zijn. Afbeeldingen hebben alt-teksten, video’s hebben ondertitels.
Bedienbaar (Operable), De website moet volledig te bedienen zijn met toetsenbord, spraak en andere hulpmiddelen. Niet alleen met een muis.
Begrijpelijk (Understandable), Tekst moet leesbaar zijn, navigatie moet consistent zijn, foutmeldingen moeten duidelijk zijn.
Robuust (Robust), De website moet werken met verschillende browsers, apparaten en hulptechnologieën (screenreaders, vergroting).
WCAG 2.2 uitgelegd
De Web Content Accessibility Guidelines (WCAG) zijn de internationale standaard voor digitale toegankelijkheid. Versie 2.2 (2023) is de huidige standaard.
| Niveau | Eis | Wie moet hieraan voldoen? |
|---|---|---|
| A | Minimale toegankelijkheid | Iedereen (absoluut minimum) |
| AA | Goede toegankelijkheid | Overheid, onderwijs, grote bedrijven (wettelijk vereist) |
| AAA | Optimale toegankelijkheid | Specialistische sites (zelden volledig haalbaar) |
Voor de meeste websites is niveau AA het streven. Dat is ook wat de European Accessibility Act vereist.
European Accessibility Act
Vanaf 28 juni 2025 is de European Accessibility Act (EAA) van kracht. Deze EU-richtlijn verplicht dat digitale diensten en producten toegankelijk zijn. Dit raakt:
Webshops en e-commerce platforms. Online bankieren en financiële diensten. Vervoersdiensten. Elektronische communicatie. Overheidswebsites (die al langer verplicht zijn via EN 301 549).
Ook als je bedrijf niet direct onder de wet valt, is het verstandig om aan WCAG AA te voldoen. Het vermijdt juridische risico’s, verbetert je SEO en vergroot je bereik.
10 quick wins voor betere toegankelijkheid
1. Alt-teksten op alle afbeeldingen
Beschrijf wat er op de afbeelding te zien is. Niet “afbeelding1.jpg” maar “Teamfoto van drie medewerkers op kantoor.” Decoratieve afbeeldingen krijgen een leeg alt-attribuut (alt="").
2. Voldoende kleurcontrast
Tekst moet een contrastverhouding hebben van minimaal 4,5:1 ten opzichte van de achtergrond (voor normale tekst). Gebruik een tool als WebAIM Contrast Checker om dit te meten.
3. Toetsenbordnavigatie
Test of je hele website te bedienen is met alleen Tab, Enter en pijltjestoetsen. Kun je overal bij komen? Is er een zichtbare focus-indicator? Zit je niet “vast” in een element?
4. Logische koppenstructuur
Gebruik H1 voor de paginatitel, H2 voor hoofdsecties, H3 voor subsecties. Sla geen niveaus over (geen H1 gevolgd door H3). Screenreaders gebruiken koppen om door je pagina te navigeren.
5. Formulierlabels
Elk invoerveld moet een zichtbaar label hebben dat programmatisch gekoppeld is (via het for-attribuut). Gebruik nooit alleen placeholder-tekst als label, die verdwijnt zodra je begint te typen.
6. Beschrijvende linkteksten
Niet “klik hier” of “lees meer” maar “Lees ons privacybeleid” of “Bekijk alle WordPress-diensten.” Screenreaders kunnen een lijst van alle links op een pagina tonen, “klik hier” zegt dan niets.
7. Ondertiteling bij video
Voeg altijd ondertitels toe aan video’s. Dit helpt niet alleen dove en slechthorende bezoekers, maar ook mensen in een drukke omgeving of die de taal aan het leren zijn.
8. Taalinstelling in HTML
Stel het lang-attribuut in op je HTML-element. Dit helpt screenreaders de juiste uitspraak te gebruiken. Voor een Nederlandse site: <html lang="nl">.
9. Focus-stijlen behouden
Verwijder nooit de standaard focus-outline via CSS (outline: none). Die outline helpt toetsenbordgebruikers te zien waar ze zijn. Vervang hem desnoods door een betere, zichtbare variant.
10. Leesbare lettergrootte
Gebruik minimaal 16px als basisgrootte voor bodytekst. Zorg dat tekst vergroot kan worden tot 200% zonder dat content afgekapt wordt of functionaliteit verloren gaat.
Testen met gratis tools
| Tool | Wat het test | Gratis? |
|---|---|---|
| WAVE | Automatische scan op A/AA-problemen | Ja |
| axe DevTools | Chrome-extensie, technische analyse | Ja (basis) |
| Lighthouse (Chrome) | Toegankelijkheidsscore (0-100) | Ja |
| WebAIM Contrast Checker | Kleurcontrast controleren | Ja |
| Handmatig testen | Toetsenbordnavigatie, screenreader | Ja |
Belangrijk
Automatische tools vinden slechts 30-40% van alle toegankelijkheidsproblemen. De rest vereist handmatig testen. Probeer je website eens te bedienen met alleen je toetsenbord, dat is de snelste manier om problemen te ontdekken.
Toegankelijkheid en SEO: onverwachte overlap
Veel toegankelijkheidsverbeteringen helpen ook je SEO:
Alt-teksten helpen Google afbeeldingen te begrijpen en te indexeren.
Koppenstructuur helpt Google de structuur van je pagina te begrijpen.
Beschrijvende links geven Google context over gelinkte pagina’s.
Snelle laadtijden zijn goed voor toegankelijkheid én een rankingfactor.
Mobiele optimalisatie is essentieel voor zowel toegankelijkheid als SEO.
Investeren in toegankelijkheid levert je dus dubbel op: een groter publiek én betere vindbaarheid.
Veelgestelde vragen
Moet mijn website voldoen aan de European Accessibility Act?
De EAA geldt voor bedrijven die digitale producten of diensten leveren aan consumenten in de EU, met uitzondering van micro-ondernemingen (minder dan 10 medewerkers én minder dan €2 miljoen omzet). Maar ook als je er niet onder valt: toegankelijkheid is goed voor je business.
Kost toegankelijkheid veel extra tijd en geld?
Als je het vanaf het begin meeneemt: nauwelijks. Achteraf aanpassen is duurder, maar de 10 quick wins hierboven kosten je een middag en leveren al een enorme verbetering.
Kan ik een overlay-plugin gebruiken voor toegankelijkheid?
Nee. Overlay-plugins (die een widget op je site plaatsen) lossen de onderliggende problemen niet op en veroorzaken vaak nieuwe problemen voor hulptechnologieën. Ze geven een vals gevoel van compliance. Fix de code zelf.
Hoe meet ik of mijn website toegankelijk genoeg is?
Begin met een automatische scan (WAVE of Lighthouse), los de gevonden problemen op, en test daarna handmatig met je toetsenbord. Voor een volledige beoordeling kun je een professionele audit laten doen.