Toegankelijkheid is een klantreis, geen losse technische score
Sinds 28 juni 2025 gelden in Nederland toegankelijkheidsvoorschriften voor onder meer webwinkels. De precieze verplichtingen en uitzonderingen hangen af van het bedrijf en de dienst. Zo noemt de Rijksoverheid een uitzondering voor kleine dienstverleners met minder dan tien medewerkers én maximaal twee miljoen euro jaaromzet. Laat bij twijfel juridisch vaststellen wat voor jouw situatie geldt.
Los van de wettelijke scope is webshop toegankelijkheid een praktische kwaliteitsvraag. Kan iemand zelfstandig een product vinden, informatie begrijpen, een variant kiezen, een fout herstellen en betalen — ook met een toetsenbord, schermlezer, vergroting of beperkte motoriek? De ACM werkt vanuit vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Deze negen controles vertalen die principes naar de e-commerceklantreis.
1. Test de belangrijkste route zonder muis
Open de homepage en doorloop zoeken, categorie, product, winkelwagen en checkout met alleen Tab, Shift+Tab, Enter, spatie en de pijltjestoetsen. De focus moet zichtbaar zijn, de volgorde moet logisch voelen en ieder interactief onderdeel moet bereikbaar en bruikbaar zijn.
Let extra op menu's, filters, varianten, carrousels, modals, cookiebanners en betaalstappen. Als de focus achter een popup verdwijnt, een filter alleen op hover werkt of een knop niet met het toetsenbord activeert, kan de klantreis daar stoppen. Test niet alleen de ideale route, maar ook teruggaan, wijzigen en annuleren.
2. Maak structuur begrijpelijk vóór je styling beoordeelt
Een heldere headingstructuur helpt bezoekers en hulptechnologie de pagina scannen. Geef iedere pagina één duidelijke hoofdtitel en gebruik beschrijvende tussenkoppen in een logische volgorde. Gebruik koppen niet puur omdat een lettergrootte mooi staat; vormgeving hoort de inhoudsstructuur te volgen.
Controleer daarnaast paginatitels, taalinstelling, navigatielabels en herkenbare regio's voor header, navigatie, hoofdinhoud en footer. Een productpagina moet zonder visuele context nog steeds duidelijk maken welk product wordt bekeken, welke keuzes beschikbaar zijn en waar bestellen begint.
3. Controleer contrast, vergroting en reflow
Merkpaletten kunnen premium ogen en toch te weinig contrast hebben. Test tekst, prijzen, foutmeldingen, badges, invoerranden, iconen en focusindicatoren. Informatie mag niet alleen door kleur worden overgebracht; combineer bijvoorbeeld rood met een duidelijk foutlabel of icoon.
Vergroot de pagina tot 200% en beoordeel of tekst leesbaar blijft zonder dat functies verdwijnen of elementen over elkaar schuiven. Bekijk ook een smal mobiel scherm. Een toegankelijke layout past zich aan zonder dat een klant horizontaal door de volledige pagina moet zoeken of een vaste banner essentiële knoppen bedekt.
4. Schrijf alt-tekst vanuit de functie van het beeld
Een productfoto heeft andere alt-tekst nodig dan een decoratieve sfeerafbeelding. Beschrijf relevante informatie die niet al duidelijk in de omringende tekst staat, zoals type product, kleur of een zichtbaar detail dat de aankoopbeslissing ondersteunt. Decoratieve beelden krijgen een lege alt-attribuut, zodat een schermlezer ze kan overslaan.
Maak alt-tekst niet tot een lijst zoekwoorden. Google adviseert beschrijvende, contextuele tekst en waarschuwt tegen keyword stuffing. Zorg daarnaast dat belangrijke productinformatie — materiaal, maat, gebruik of waarschuwingen — ook als gewone tekst beschikbaar is en niet uitsluitend in een afbeelding staat.
5. Geef formulieren echte labels en bruikbare foutmeldingen
Placeholdertekst verdwijnt zodra iemand typt en is daarom geen volwaardig label. Koppel ieder veld aan een blijvend, programmatisch label en maak duidelijk welke invoer verplicht is, welk formaat wordt verwacht en waarom informatie nodig is.
Na een fout moet de melding benoemen wat er misging en hoe de klant het kan herstellen. Zet de fout bij het veld, geef ook bovenaan een overzicht wanneer meerdere velden misgaan en verplaats de focus logisch. 'Er ging iets mis' helpt niet bij een postcode, wachtwoord of betaaladres.
6. Maak knoppen, links en keuzes ondubbelzinnig
Knoppen als 'Verder' of meerdere links met 'Lees meer' missen buiten hun visuele context betekenis. Gebruik labels die de actie benoemen: 'Toevoegen aan winkelwagen', 'Ga naar betalen' of 'Bekijk bezorginformatie'. Een icoonknop heeft een toegankelijke naam nodig die dezelfde functie uitlegt.
Vergroot klik- en aanraakvlakken en laat genoeg ruimte tussen acties die grote gevolgen hebben. Controleer keuzecomponenten zoals maat, kleur en bezorgmoment: geselecteerd, niet beschikbaar en fout moeten niet alleen door kleur verschillen, maar ook tekstueel of programmatisch herkenbaar zijn.
7. Houd productinformatie en content begrijpelijk
Toegankelijke content is concreet, voorspelbaar en scanbaar. Zet de belangrijkste informatie vroeg op de pagina, gebruik korte alinea's en leg onbekende termen uit. Benoem prijzen, levering, retouren en voorwaarden op het moment dat ze een beslissing beïnvloeden.
Video heeft passende ondertiteling nodig en belangrijke audio-informatie vraagt een tekstueel alternatief. Vermijd automatisch afspelende media zonder duidelijke bediening. Producttabellen en downloads verdienen dezelfde aandacht als de zichtbare pagina; een ontoegankelijke maattabel kan net zo goed een aankoop blokkeren als een kapotte knop.
8. Test ook inloggen, betalen en externe onderdelen
De ACM benadrukt dat voor e-handelsdiensten ook identificatie en betaling toegankelijk moeten zijn. De webshop blijft verantwoordelijk voor de totale dienst, ook wanneer een externe partij onderdelen levert. Neem daarom betaalproviders, adreszoekers, chatwidgets, reviews, cookieplatforms en accountsoftware mee in de controle.
Test wat er gebeurt bij verlopen sessies, tweestapsverificatie en mislukte betalingen. Kan iemand de fout begrijpen, terugkeren zonder de winkelwagen kwijt te raken en een alternatief kiezen? Controleer ook noodzakelijke e-mails en documenten rondom inloggen of betalen, omdat de klantreis niet ophoudt bij de website.
9. Publiceer een verklaring en borg toegankelijkheid in het proces
Voor organisaties die onder de Nederlandse regels vallen, noemt de ACM een eenvoudig vindbare toegankelijkheidsverklaring waarin staat hoe de dienst werkt, hoe hulpmiddelen worden ondersteund en hoe aan de regels wordt voldaan. Een verklaring is geen vervanging voor een toegankelijke webshop; zij moet de werkelijke situatie eerlijk beschrijven.
Maak toegankelijkheid onderdeel van ieder ontwerp-, content- en releaseproces. Leg vast wie componenten test, welke problemen prioriteit krijgen en wanneer belangrijke routes opnieuw worden gecontroleerd. De ACM adviseert in 2026 al met WCAG 2.2 niveau AA te werken, omdat dit in de loop van 2026 de nieuwe standaard wordt.
Begin bij blokkades, niet bij perfectie
Start met problemen die zelfstandig kopen onmogelijk maken: onbereikbare navigatie, onzichtbare focus, onbruikbare formulieren, ontbrekende productinformatie en blokkades bij inloggen of betalen. Test daarna contrast, content, media en ondersteunende onderdelen systematisch verder.
Een automatische scan kan snel signalen vinden, maar bewijst geen volledige toegankelijkheid. Combineer technische controles met handmatige toetsenbordtests en, waar passend, een deskundige WCAG-beoordeling en gebruikersonderzoek. Zo wordt toegankelijkheid geen vinkje achteraf, maar een meetbare kwaliteitsstandaard voor de hele webshop.