De European Accessibility Act (EAA), richtlijn (EU) 2019/882, geldt sinds 28 juni 2025 ook voor webshops die aan consumenten verkopen. In Nederland is de richtlijn voor e-handel uitgewerkt in artikel 6:230fb en verder van het Burgerlijk Wetboek, en de ACM houdt toezicht. Deze checklist helpt je om stap voor stap na te gaan wat dat voor jouw winkel betekent. Je hoeft niet alles in één keer te doen. Begin bij wat klanten tegenhoudt om te bestellen.
Stap 1: ga na of de wet voor jou geldt
- Werknemers en omzet. Micro-ondernemingen zijn in Nederland uitgezonderd: minder dan 10 werknemers en een jaaromzet of een jaarlijks balanstotaal van ten hoogste 2 miljoen euro (artikel 6:230fc BW). Heb je 10 of meer werknemers, of liggen je omzet én je balanstotaal boven de 2 miljoen euro, dan geldt de wet wel.
- België. Daar vallen micro-ondernemingen tot 28 juni 2030 buiten de wet (artikel 40 van de wet van 5 november 2023).
- Duitsland. Verkoop je aan Duitse consumenten, kijk dan ook naar het Barrierefreiheitsstärkungsgesetz (BFSG).
- Twijfel je? Leg je berekening vast. Zo kun je later laten zien waarom je wel of niet onder de regels valt.
Stap 2: breng je bestelflow in kaart
Een klant moet zonder hulp kunnen kijken, kiezen en bestellen. Maak een lijst van de stappen in jouw winkel:
- Homepage en hoofdmenu.
- Een collectie- of categoriepagina, met filters en sorteren.
- Een productpagina.
- Een variant kiezen, zoals maat of kleur.
- Toevoegen aan de winkelwagen, en de melding of het venster dat daarna verschijnt.
- Zoeken.
- Inloggen of een account aanmaken.
- Het contactformulier en de aanmelding voor de nieuwsbrief.
- De winkelwagenpagina.
- Het begin van afrekenen.
Toets elke stap. Een probleem in stap 4 of 5 kan bestellen volledig blokkeren, ook als de rest van de winkel goed werkt.
Stap 3: toets met alleen het toetsenbord
Leg je muis weg en gebruik alleen Tab, Shift+Tab, Enter, Spatie en de pijltjestoetsen.
- Kun je elke link, knop en elk formulierveld bereiken? (WCAG 2.1.1 Toetsenbord)
- Werken knoppen met Enter of Spatie, ook zelfgebouwde knoppen voor varianten of aantallen?
- Kom je overal weer uit, ook uit een pop-up of winkelwagenvenster? (2.1.2 Geen toetsenbordval)
- Zie je steeds waar de focus is? (2.4.7 Focus zichtbaar)
- Valt de focus niet weg achter een vaste header, cookiebanner of chatknop? (2.4.11 Focus niet bedekt)
- Is de volgorde logisch? (2.4.3 Focusvolgorde)
- Is er een skiplink om het menu over te slaan? (2.4.1 Blokken omzeilen)
Stap 4: controleer formulieren en foutmeldingen
- Heeft elk veld een zichtbaar label dat ook voor schermlezers gekoppeld is? Een placeholder alleen is niet genoeg. (1.3.1 en 3.3.2)
- Verstuur het contactformulier eens leeg en eens met een fout e-mailadres. Zie je welke velden fout zijn, en wordt de melding voorgelezen of is die aan het veld gekoppeld? (3.3.1 Foutidentificatie)
- Zegt de melding hoe het wel moet, bijvoorbeeld “Vul een e-mailadres in zoals naam@voorbeeld.nl”? (3.3.3 Foutsuggestie)
- Hebben velden voor naam, e-mail, adres en telefoon de juiste autocomplete-waarde? (1.3.5)
- Staat er een captcha voor inloggen of contact? Kan iemand die de puzzel niet ziet of niet kan oplossen toch verder? (1.1.1 en 3.3.8)
Stap 5: kijk naar beelden, kleur en tekst
- Hebben productfoto’s een alt-tekst die zegt wat er te zien is? Decoratieve afbeeldingen krijgen een lege alt. (1.1.1)
- Heeft tekst genoeg contrast met de achtergrond, en zijn randen van velden en knoppen goed te zien? (1.4.3 en 1.4.11)
- Werkt de winkel als je inzoomt tot 200 procent, en op een smal scherm zonder horizontaal scrollen? (1.4.4 en 1.4.10)
- Geef je informatie niet alleen met kleur aan, bijvoorbeeld een uitverkochte maat die alleen grijs wordt? (1.4.1)
Stap 6: test meldingen en onderdelen die veranderen
- Hoort een schermlezergebruiker dat een product aan de winkelwagen is toegevoegd? (4.1.3 Statusberichten)
- Hebben zelfgebouwde onderdelen zoals kleurstalen, aantalknoppen en uitklapmenu’s een naam, rol en status? (4.1.2)
- Springt de pagina niet ineens naar een andere pagina als je alleen een keuze maakt in een keuzelijst? (3.2.2 Bij input)
- Zijn kleine knoppen, zoals plus en min of een kruisje om te sluiten, groot genoeg om te raken? (2.5.8)
Stap 7: vergeet de checkout niet
Gebruik je Shopify, dan beheert Shopify de checkout. Shopify publiceert daarover een toegankelijkheidsrapport, maar legt de verantwoordelijkheid voor de toegankelijkheid van je winkel, inclusief de checkout, bij jou als merchant. Controleer dus ook je eigen instellingen, betaalmethoden en uitbreidingen in de checkout. Meer hierover lees je in Toegankelijkheid in Shopify.
Stap 8: combineer automatisch en handmatig toetsen
Een geautomatiseerde toets is snel en vindt veel technische fouten, maar niet alles. Of de focus logisch loopt, of een foutmelding begrijpelijk is en of een alt-tekst klopt, vraagt menselijk oordeel. Plan daarom ook handmatige controles, en test als het kan met mensen die een schermlezer, vergroting of spraakbediening gebruiken.
Stap 9: zet je informatie op orde
- Neem de informatie uit bijlage V van de richtlijn op in je algemene voorwaarden of een gelijkwaardig document.
- Zet een verklaring op je website, zoals de ACM vraagt, en zorg dat je die ook mondeling kunt geven.
- Noem de maatstaf, de bekende tekortkomingen, je planning en hoe klanten je bereiken.
Hoe je dat aanpakt, lees je in Toegankelijkheidsverklaring voor je webshop.
Stap 10: weet wat je doet als iets niet voldoet
Ontdek je dat je dienst niet aan de eisen voldoet, dan moet je de ACM volgens artikel 8a.0 van de Wet handhaving consumentenbescherming onmiddellijk informeren. De ACM hanteert binnen 1 week voor kritieke en serieuze problemen en binnen 1 maand voor matige en kleine problemen. Los je het probleem binnen die termijn op, dan hoef je het niet te melden.
Kan een eis voor jou een onevenredige last zijn, bijvoorbeeld omdat de kosten niet in verhouding staan? Dan documenteer je die beoordeling volgens artikel 8a.1 Whc, bewaar je haar vijf jaar, beoordeel je haar minstens elke vijf jaar opnieuw en informeer je de ACM.
Stap 11: blijf bijhouden
Een winkel verandert steeds: een nieuw thema, een update, een extra app voor reviews of chat. Elke wijziging kan nieuwe problemen geven.
- Toets je bestelflow op een vast moment, bijvoorbeeld elke maand.
- Toets ook na elke thema-update en na het installeren van een nieuwe app.
- Werk je verklaring en je planning bij als er iets verandert.
- Houd een kort logboek bij: wat je toetste, wanneer en wat je oploste.
De checklist in het kort
- Ga na of de wet voor je geldt en leg dat vast.
- Maak een lijst van de stappen in je bestelflow.
- Toets alles met alleen het toetsenbord.
- Controleer formulieren, foutmeldingen en captcha’s.
- Kijk naar alt-teksten, contrast, zoom en kleurgebruik.
- Test meldingen en zelfgebouwde onderdelen.
- Controleer je checkout en de uitbreidingen daarin.
- Combineer geautomatiseerde en handmatige toetsen.
- Zet je verklaring en je algemene voorwaarden op orde.
- Ken de meldplicht en de regels over onevenredige last.
- Toets opnieuw na elke wijziging.
Met de gratis verklaring-generator maak je de verklaring voor stap 9. Voor stap 2 tot en met 7 kan de Shopify-app helpen: die doorloopt je bestelflow, test toetsenbord, focus en formulieren, en geeft herstelvoorbeelden die je zelf toepast.