Website toegankelijkheid: EAA, WCAG 2.1 en wat de wet van jou vraagt (2026)
Moet jouw webshop of website wettelijk toegankelijk zijn? Dit artikel legt uit voor wie de EAA geldt, wat WCAG 2.1 AA inhoudt en welke vijf aanpassingen het meeste verschil maken.
- De European Accessibility Act (EAA, EU Richtlijn 2019/882) geldt per 28 juni 2025 voor nieuwe B2C-diensten — inclusief webshops, bankapps en reisboeking. Bestaande diensten hebben tot 28 juni 2030. De vereiste norm is WCAG 2.1 niveau AA. Handhaving in Nederland via de Autoriteit Consument & Markt (ACM).
- Micro-ondernemingen zijn volledig vrijgesteld: minder dan 10 medewerkers én minder dan €2 miljoen jaaromzet (art. 4 lid 5 EAA). Heeft jouw bedrijf 10 of meer medewerkers of een hogere omzet, dan geldt de EAA wel voor je B2C-webshop of -app.
- WCAG 2.1 niveau AA bevat 50 succescriteria over vier principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust (POUR). De vijf meest impactvolle quick wins zijn: alt-tekst voor afbeeldingen, kleurcontrast 4,5:1, toetsenbordnavigatie, formulierlabels en een logische kopenstructuur.
Geldt de European Accessibility Act (EAA) voor mijn mkb-website?
De European Accessibility Act (EAA, EU Richtlijn 2019/882) is per 28 juni 2025 van kracht voor nieuwe digitale diensten aan consumenten in de EU. Webshops, bankapps, reisboekingsdiensten, e-boekplatforms en audiovisuele mediadiensten vallen in scope als ze B2C zijn. Overheidswebsites vielen al eerder onder de Wet digitale overheid (WTOA) en WCAG 2.1. Voor het mkb is de cruciale vraag of de micro-onderneminguitzondering van toepassing is: bedrijven met minder dan 10 medewerkers én minder dan €2 miljoen omzet zijn volledig vrijgesteld van de EAA. Andere mkb-bedrijven met een B2C-webshop of -app moeten voldoen aan WCAG 2.1 niveau AA. Bestaande diensten die vóór 28 juni 2025 al beschikbaar waren, krijgen tot 28 juni 2030 de tijd om te conformeren.
Wie moet voldoen aan de EAA? Scope en micro-onderneminguitzondering
De EAA (Richtlijn 2019/882) richt zich op aanbieders van digitale producten en diensten aan consumenten (B2C). B2B-diensten vallen buiten de scope. De micro-onderneminguitzondering vrijstelt kleine bedrijven volledig.
Welke diensten vallen in scope van de EAA?
De EAA is van toepassing op: e-commercediensten aan consumenten (B2C-webshops, online marktplaatsen), elektronische bankdiensten voor consumenten, reisboekingsdiensten voor passagiersvervoer, aanbieders van e-books en e-readersoftware, audiovisuele mediadiensten (streamingdiensten, VOD) en telefoniediensten aan consumenten. Zakelijke diensten (B2B), overheidswebsites (die al onder de WTOA vallen), intranetten en pure content-websites zonder transactiefunctie vallen buiten de EAA-scope. Heeft jouw mkb-website ook een webshop, dan valt die webshopfunctionaliteit in scope ook als de rest van de site B2B is.
Micro-onderneminguitzondering (art. 4 lid 5 EAA): wie is vrijgesteld?
Micro-ondernemingen zijn volledig vrijgesteld van de EAA: bedrijven met minder dan 10 fulltime-equivalenten (fte) én een jaaromzet of balanstotaal onder €2 miljoen (art. 4 lid 5 Richtlijn 2019/882, gedefinieerd via Aanbeveling 2003/361/EG). Beide voorwaarden moeten gelijktijdig gelden. Heeft jouw bedrijf 10 of meer medewerkers óf een omzet boven €2 miljoen, dan valt je B2C-webshop onder de EAA. De vrijstelling geldt uitsluitend voor de EAA-verplichtingen; andere consumentenwetgeving (AVG, Wet OHP) blijft onverminderd van toepassing.
Tijdlijn: wanneer moet mijn webshop voldoen?
Nieuwe B2C-diensten die na 28 juni 2025 zijn gelanceerd, moeten direct voldoen aan WCAG 2.1 niveau AA. Bestaande diensten die al vóór 28 juni 2025 beschikbaar waren, hebben een overgangstermijn tot 28 juni 2030 om te conformeren. Zelfbedieningssterminals (ATM's, kiosken) die vóór 28 juni 2025 in gebruik waren, mogen in gebruik blijven tot het einde van hun economische levensduur of maximaal 20 jaar na ingebruikname (art. 32 lid 5 Richtlijn 2019/882). Handhaving in Nederland is belegd bij de Autoriteit Consument & Markt (ACM); boetes zijn afhankelijk van de ernst en duur van de overtreding. Raadpleeg acm.nl voor actuele handhavingsrichtlijnen.
De vier WCAG-principes: wat de norm in de praktijk van je vraagt
WCAG 2.1 (Web Content Accessibility Guidelines, versie 2.1) is de internationale technische norm voor digitale toegankelijkheid, gepubliceerd door W3C. Niveau AA is de wettelijk vereiste standaard onder de EAA en bevat 50 succescriteria.
Waarneembaar (Perceivable): content zichtbaar en hoorbaar voor iedereen
Waarneembaar betekent dat alle informatie en interface-elementen worden aangeboden op een manier die gebruikers kunnen waarnemen — ook blinden, slechtzienden en doven. Niveau AA-succescriteria: tekst-alternatieven voor alle niet-tekstuele content (alt-tekst voor afbeeldingen, transcripties voor audio), ondertiteling voor videoaudio, kleurcontrast minimaal 4,5:1 voor reguliere tekst en 3:1 voor grote tekst en UI-componenten, informatie niet uitsluitend via kleur overgebracht, tekst vergrotbaar tot 200% zonder functieverlies, en geen horizontaal scrollen op 320 CSS-pixels breedte (mobiel).
Bedienbaar (Operable): volledige toetsenbordnavigatie en voldoende tijd
Bedienbaar betekent dat alle functionaliteit beschikbaar is via het toetsenbord, zonder vereiste van een muis of touchscreen. Essentieel voor motorisch beperkten. Niveau AA-criteria: alle functies bereikbaar via Tab/Enter/pijltoetsen, skip-to-content links aanwezig voor snelnavigatie, focusindicatoren altijd zichtbaar (verwijder nooit outline van focusseerbare elementen via CSS), en voldoende tijdlimieten bij het invullen van formulieren. Sneltest: navigeer je complete website met uitsluitend Tab en Enter en controleer of je alle functies bereikt.
Begrijpelijk (Understandable): leesbaar en voorspelbaar gedrag
Begrijpelijk stelt eisen aan de leesbaarheid van tekst, voorspelbaar gedrag van pagina-elementen en hulp bij invulfouten. Niveau AA: de paginataal correct ingesteld via het lang-attribuut (bijv. lang="nl"), pagina's consistent in navigatie en naamgeving, formulieren identificeren invoerfouten en geven herstelsugesties, en elk formulierveld heeft een zichtbaar label dat via for-attribuut gekoppeld is — niet alleen placeholder-tekst. In WordPress: controleer Settings > General voor de lang-instelling en gebruik een formulierplugin met correcte labelkoppeling (Gravity Forms, WPForms).
Robuust (Robust): werkt met screenreaders en andere assistieve technologie
Robuust betekent dat de content interpreteerbaar is door screenreaders (NVDA, JAWS, VoiceOver) en andere assistieve technologieën, nu en in de toekomst. Niveau AA: valide HTML zonder duplicaat id-attributen of foutief gesloten tags, ARIA-landmarks correct ingezet (role="navigation", role="main", role="complementary"), en statusberichten doorgegeven aan screenreaders via aria-live-regio's zonder focuswijziging. Gebruik de WAVE-browserextensie (wave.webaim.org, gratis) of Axe DevTools (Chrome-extensie, gratis basisversie) om ARIA-fouten en HTML-validatiefouten te detecteren.
Vijf aanpassingen die het meeste toegankelijkheidsprobleem oplossen voor mkb
Voor mkb-websites zijn vijf aanpassingen verantwoordelijk voor de meeste WCAG-overtredingen. Begin hier voor het grootste rendement.
1. Alt-tekst voor afbeeldingen: verplicht en eenvoudig toe te voegen
Alt-tekst is de tekst die screenreaders voorlezen als alternatief voor een afbeelding, en die zichtbaar wordt als de afbeelding niet laadt. WCAG 2.1 succescriterium 1.1.1 vereist dat alle informatieve afbeeldingen een beschrijvende alt-tekst hebben. Decoratieve afbeeldingen krijgen alt="" (leeg attribuut). In WordPress: voeg alt-tekst in via Media > Bibliotheek of direct bij het invoegen van een afbeelding in de blokredacteur. Vergeet productafbeeldingen in WooCommerce niet — die worden ook door Google gebruikt voor Google Lens en Image Search.
2. Kleurcontrast 4,5:1: goed voor iedereen, verplicht voor velen
WCAG 2.1 niveau AA vereist een contrastverhouding van minimaal 4,5:1 tussen tekst en achtergrond (succescriterium 1.4.3). Grote tekst (18pt of 14pt vetgedrukt) mag 3:1. Test gratis via de WebAIM Contrast Checker (webaim.org/resources/contrastchecker). Grijze tekst op witte achtergrond (#999999 op #ffffff) haalt 2,85:1 — te laag. Wissel om naar #767676 op #ffffff (ratio 4,54:1). Controleer knoppen, formulierlabels, footertekst en links apart — die worden regelmatig vergeten.
3. Formulierlabels: elk invoerveld zichtbaar en programmatisch gelabeld
Elk formulierveld (tekst, e-mail, telefoon, dropdown, checkbox) moet een zichtbaar label hebben dat programmatisch gekoppeld is aan het veld via <label for="..."> of aria-label. Placeholder-tekst alleen is niet voldoende: die verdwijnt zodra de gebruiker begint te typen en wordt niet door alle screenreaders gelezen. In WordPress: controleer of je formulierplugin (Gravity Forms, WPForms, Contact Form 7) correcte labelkoppelingen genereert door de HTML te inspecteren — het for-attribuut van het label moet overeenkomen met het id-attribuut van het invoerveld.
4. Toetsenbordnavigatie: Tab, Enter en pijltoetsen als volwaardig alternatief
Alle interactieve elementen — links, knoppen, formuliervelden, uitklapmenus, modals — moeten bereikbaar en bedienbaar zijn via het toetsenbord zonder muis. Test handmatig: laad je website, leg je muis neer en navigeer via Tab en Shift+Tab. Elk gefocust element moet zichtbaar zijn — verwijder nooit outline op focusseerbare elementen via outline:none of outline:0 in CSS. Voeg een zichtbare focusstijl toe: :focus-visible { outline: 2px solid #005fcc; outline-offset: 2px; }. Ontbrekende focusindicatoren zijn de meest voorkomende WCAG-overtreding op mkb-websites.
5. Logische kopenstructuur: één H1, daarna H2 en H3 in volgorde
Een logische kopenstructuur helpt screenreadergebruikers de pagina te begrijpen en snel tussen secties te navigeren. WCAG 2.1 succescriteria 1.3.1 en 2.4.6 vereisen beschrijvende, sequentieel genummerde koppen. Elke pagina heeft precies één <h1> die de paginatitel beschrijft. Subsecties gebruiken <h2>, sub-subsecties <h3> — sla geen niveau over (bijv. niet direct van h1 naar h3 gaan). In WordPress: controleer via de blokredacteur > Structure of koppen correct genest zijn. Gebruik geen vetgedrukte alinea's als visuele koppen — maak ze een echte heading-tag.
Website toegankelijkheid: veelgestelde vragen
Geldt de EAA voor mijn WordPress-webshop?
Wat is het verschil tussen WCAG 2.1 en WCAG 2.2?
Hoe test ik de toegankelijkheid van mijn website gratis?
Wat is de boete als ik niet voldoe aan de EAA?
Moet ik als mkb een toegankelijkheidsverklaring publiceren?
Geldt de EAA ook voor mijn zakelijke B2B-website of intranet?
Website WCAG-conform bouwen? Wij doen dit van begin af aan goed.
Een nieuw gebouwde website op Next.js is standaard toegankelijker dan een geoptimaliseerd WordPress-thema — semantische HTML, toetsenbordnavigatie en focusbeheer zijn ingebakken in de architectuur.
Plan mijn gratis gesprek →Gratis · binnen één werkdag · niet goed = niet betalen