Toegankelijkheid website testen voor de European Accessibility Act

Verkoop je online aan consumenten in de EU, dan gelden de eisen van de European Accessibility Act sinds 28 juni 2025 voor je webshop, tenzij je bedrijf een micro-onderneming is. Veel ernstige problemen vind je zelf, want toegankelijkheid website testen begint eenvoudig: plaats een testbestelling met alleen het toetsenbord, zoom de pagina in en probeer elk formulier. Wat een zelfcheck niet kan, is bewijzen dat de hele site aan de norm voldoet.

Misschien heeft een ontwikkelaar de wet genoemd, of bood een e-mail je een widget aan die elke site met één regel code “compliant” maakt. Een klant die met een toetsenbord of een schermlezer (software die de pagina voorleest) niet door je checkout komt, gaat misschien zonder te klagen naar een andere winkel.

Geldt de European Accessibility Act voor jouw website?

De European Accessibility Act geldt als je website verkoopt aan consumenten, mensen die voor zichzelf kopen, en je bedrijf geen micro-onderneming is. Richtlijn (EU) 2019/882 noemt e-commercediensten bij de diensten waarop ze van toepassing is: diensten die via een website of app worden aangeboden “met het oog op het sluiten van een consumentenovereenkomst”. Lidstaten moesten de regels vanaf 28 juni 2025 toepassen. Dit is onze lezing van de richtlijn; vraag voor juridisch advies over jouw situatie een advocaat.

• Micro-ondernemingen die diensten verlenen, zijn vrijgesteld. Dat staat in artikel 4, lid 5. De richtlijn definieert een micro-onderneming als een onderneming met minder dan 10 personen en een jaaromzet of jaarlijks balanstotaal van niet meer dan 2 miljoen EUR. Het aantal personen en een van de twee financiële criteria tellen allebei: een team van tien valt buiten de vrijstelling, hoe klein de omzet ook is.
• Alleen aan bedrijven verkopen. De definitie gaat over consumentenovereenkomsten. Kunnen particulieren via je checkout bestellen, ga er dan van uit dat de site eronder valt.
• Een site die niets verkoopt. Een bedrijfswebsite zonder bestellingen, boekingen of betalingen is doorgaans geen e-commercedienst zoals de richtlijn die definieert. Boekingen en betalingen veranderen dat.
• De datum in 2030 geldt voor producten en oude contracten. De overgangsperiode tot 28 juni 2030 in artikel 32 gaat over producten die worden gebruikt om een dienst te verlenen en over contracten die vóór juni 2025 zijn gesloten.

Elk EU-land handhaaft de Act via een eigen wet en bepaalt zelf de sancties; in Duitsland is dat de BFSG. Zit je bedrijf in Zwitserland of het Verenigd Koninkrijk en verkoop je aan consumenten in de EU, vraag dan een advocaat hoe de regels van die landen voor jou gelden.

Waarom zakken webshops voor toegankelijkheidschecks?

De fouten hieronder komen meestal voort uit ontwerp- en formulierkeuzes die één keer in een thema zijn gemaakt en op elke pagina terugkomen. Richtlijn (EU) 2019/882 vraagt om websites die “waarneembaar, bedienbaar, begrijpelijk en robuust” zijn. De Europese norm die dit omzet in tests, EN 301 549, volgt de WCAG, de Web Content Accessibility Guidelines van W3C. De WCAG delen hun criteria in drie niveaus in: A (het minimum), AA en AAA. Niveau AA is het doel dat de norm hanteert.

De focusrand is weggehaald omdat hij lelijk was. Als iemand met de Tab-toets door een pagina gaat, tekent de browser een kader rond de actieve link of knop. Sommige thema’s verbergen dat omdat het rommelig oogt, terwijl de WCAG een zichtbare focusindicator eisen. Een criterium dat in WCAG 2.2 is toegevoegd, zegt bovendien dat het element met focus niet volledig verborgen mag zijn achter eigen content van de site, zoals een vaste header of een cookiebanner.

Tekst is te licht. De WCAG vragen een contrastverhouding, hoeveel donkerder of lichter de tekst is dan de achtergrond, van minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst. De scan van WebAIM uit 2026 van een miljoen homepages vond tekst met te weinig contrast op 83,9% daarvan. Lichtgrijs op wit en wit op een pastelkleurige knop zijn de gebruikelijke gevallen.

Formulieren leunen op placeholders en kleur. Een grijze hint in een veld verdwijnt zodra je begint te typen, en een rode rand alleen zegt niet wat er mis is. De WCAG eisen labels of instructies overal waar invoer nodig is, en fouten die in tekst worden beschreven.

De checkout is gebouwd voor een muis. Zelfgebouwde dropdowns, puzzel-CAPTCHA’s en inlogschermen waarbij je een code moet onthouden of overtypen houden mensen tegen die een toetsenbord of schermlezer gebruiken. De richtlijn noemt identificatie, beveiliging en betaling voor e-commerce apart. In maart 2026 meldde de Autoriteit Consument & Markt (ACM) dat bij 61% van de grote Nederlandse webwinkels en andere grote consumentenwebsites die ze controleerde, geen bestelling kon worden geplaatst met hulpsoftware zoals een schermlezer.

Een widget of een score komt in plaats van de oplossing. Overlay-widgets leggen een toegankelijkheidswerkbalk over de site. De Europese Commissie zegt dat overlays en vergelijkbare tools die de website zelf niet aan de norm laten voldoen, “geen passende oplossing zijn”. Een automatische test helpt, maar in de woorden van W3C “kan geen enkele tool op zichzelf bepalen of een site aan de toegankelijkheidsnormen voldoet”.

Toegankelijkheid website testen: zo doe je de European Accessibility Act-check zelf

Een eerste controle doe je met een browser en een toetsenbord, zonder betaalde tools. W3C, de organisatie achter de WCAG, publiceert een reeks Easy Checks die op dit idee zijn gebouwd. Kies drie pagina’s: de homepage, een product- of dienstpagina en de checkout of het contactformulier. Werk ze op volgorde af en noteer elke plek waar je vastloopt.

1. Leg de muis weg. Ga door elke pagina met Tab en Shift+Tab, en gebruik Enter, de spatiebalk en de pijltjestoetsen. Je moet het menu, de filters, de knop om iets in de winkelwagen te leggen, elk formulierveld en de betaalknop kunnen bereiken. Op elk moment moet je kunnen zien waar je bent. Noteer waar het kader achter een vaste header of cookiebanner verdwijnt, en of je uit een menu of chatvenster kunt komen.
2. Zoom in. Zet de browser op 200%. De WCAG verwachten dat tekst leesbaar blijft zonder dat content wordt afgesneden of overlapt. Maak het venster daarna ongeveer 1280 pixels breed en zoom in tot 400%: de content moet in de breedte passen zonder zijwaarts scrollen, behalve zaken als kaarten en datatabellen.
3. Controleer de lichte tekst. De ontwikkelaarstools in Chrome, Edge en Firefox tonen de contrastverhouding van een geselecteerde tekstkleur. Controleer lopende tekst, prijzen, knoppen en de kleine grijze tekst onder formuliervelden.
4. Probeer elk formulier leeg en daarna fout. Elk veld heeft een zichtbaar label nodig dat blijft staan als je typt. Verstuur het formulier leeg: de foutmelding moet in woorden zeggen wat er ontbreekt, naast het veld, en bewaren wat je al had ingevuld. Een nieuw WCAG 2.2-criterium vraagt ook dat informatie die je in hetzelfde proces al hebt ingevoerd, zoals een adres, automatisch wordt ingevuld of ter selectie wordt aangeboden. Andere manieren waarop een formulier je bestellingen kost, staan in ons stuk over websiteverkeer zonder aanvragen.
5. Log in en kom langs de antispamcheck. Volgens WCAG 2.2 mag inloggen niet afhangen van een cognitieve functietest, zoals een wachtwoord onthouden of een puzzel oplossen, tenzij er een alternatief of hulp is, zoals een wachtwoordmanager of plakken. Een puzzel-CAPTCHA zonder andere optie zakt hier.
6. Bekijk de productfoto’s. Klik met rechts op een afbeelding en kies Inspecteren. De alt-tekst, de korte beschrijving die een schermlezer voorleest, moet zeggen wat het product is; puur decoratieve afbeeldingen mogen een lege hebben.
7. Herhaal de belangrijkste stappen op een telefoon. Kleine iconen dicht bij elkaar zijn lastig aan te tikken. WCAG 2.2 stelt een minimaal doelgebied van 24 bij 24 CSS-pixels (een maateenheid van de webpagina zelf), met uitzonderingen zoals genoeg ruimte rond het doel.

W3C merkt op dat een pagina “voor deze checks kan lijken te slagen en toch nog aanzienlijke toegankelijkheidsbarrières kan hebben”. De volgende stap is een test door iemand die elke dag een schermlezer gebruikt.

Wat los je als eerste op?

Begin met oplossingen in het thema en de formuliercomponenten, van goedkoop naar duur. Eén wijziging in een template verbetert elke pagina die erop is gebouwd. Bewaar de gepubliceerde toegankelijkheidsinformatie tot je weet wat de site wel en niet doet.

1. Installeer geen overlay. Het advies van de Europese Commissie is toegankelijkheidsproblemen “bij de bron” op te lossen, en dat is bij een webshop het thema, de formulieren en de checkout.
2. Zet de focusrand terug en maak tekst donkerder. Beide zitten meestal in de kleur- en stijlinstellingen van het thema. Wij beginnen met het contrast één keer in het kleurenpalet van het ontwerp vast te leggen en het te controleren in de lichte en donkere versie van een site, zodat elke nieuwe pagina start met kleuren die al voldoen.
3. Bouw de formulieren opnieuw. Zichtbare labels, foutmeldingen in woorden naast het veld, ingevulde gegevens die na een fout blijven staan, focus naar het eerste veld dat aangepast moet worden, en automatisch invullen door de browser voor naam, e-mail en adres. Bij onze websiteprojecten beginnen we bij de formuliercomponent zelf, zodat elk nieuw formulier met deze oplossingen begint.
4. Voeg alt-tekst en de paginataal toe. Beschrijf product- en contentafbeeldingen en zorg dat elke pagina haar taal aangeeft, zodat een schermlezer die goed uitspreekt. Zoekmachines lezen dezelfde alt-tekst en hetzelfde taalattribuut, en daarom horen ze ook bij technisch SEO-werk.
5. Los checkout, inloggen en widgets van derden op. Vervang puzzel-CAPTCHA’s door checks die de klant niets laten oplossen, en bied een manier van inloggen die niet van het geheugen afhangt. Betaal- en chatwidgets komen van leveranciers: vraag elke leverancier om zijn toegankelijkheidsinformatie en vervang de widgets die een toetsenbord niet kan bereiken.
6. Publiceer je toegankelijkheidsinformatie. Bijlage V van de richtlijn vraagt dienstverleners te beschrijven hoe de dienst aan de eisen voldoet, in de algemene voorwaarden of een gelijkwaardig document. Je nationale wet regelt de details.
7. Werk toe naar WCAG 2.2 niveau AA. EN 301 549 versie 4.1.1, gepubliceerd in september 2026, voegt zes eisen uit WCAG 2.2 toe, meldt AccessibleEU. Tot de Commissie haar in het Publicatieblad van de Europese Unie vermeldt, merkt dezelfde bron op, blijft versie 3.2.1 de referentie, gebaseerd op WCAG 2.1 niveau AA. De Ierse National Disability Authority verwacht de vermelding op 16 december 2026. Wie nu naar WCAG 2.2 oplost, heeft de nieuwe eisen al gedekt als het zover is.

De richtlijn staat een uitzondering toe als naleving een onevenredige last zou zijn, maar vereist daarvoor een beoordeling, en de overwegingen stellen dat “gebrek aan prioriteit, tijd of kennis” geen legitieme reden is.

Wat meet je na de aanpassingen?

Meet of iemand de belangrijkste taken kan afronden met een toetsenbord en een ingezoomde pagina. Herhaal dezelfde European Accessibility Act-check op dezelfde drie pagina’s en vergelijk waar je vóór en na de wijzigingen vastliep. Controleer opnieuw zodra het thema, een plugin of de betaalprovider verandert.

1. Een testbestelling met alleen het toetsenbord, van de productpagina tot de bevestiging, zonder de muis aan te raken.
2. De lijst met bevindingen van een gratis automatische test, zoals Lighthouse in Chrome, op dezelfde drie paginatypen. Bekijk de bevindingen en controleer welke blijven staan.
3. Formulieren die met fouten zijn verstuurd, om te bevestigen dat elke fout in woorden wordt beschreven en dat niets van wat je typte verloren gaat.
4. Je gepubliceerde toegankelijkheidsinformatie, bijgewerkt na elke wijziging die invloed heeft op hoe klanten bestellen.

Waar wij helpen

Als we de checkout van een webshop bekijken, volgen we het pad van een klant: de productpagina, de winkelwagen, de formulieren en de betaalstap, eerst met het toetsenbord, daarna op een telefoon. Problemen die in het thema of de formuliercomponenten zitten, los je daar het goedkoopst op; wat een zelfcheck niet kan uitwijzen, blijft over voor een test met een schermlezer. Wil je dat iemand nog eens naar je checkout kijkt, vertel ons over je site.

← Alle artikelen