Is jouw webshop klaar voor de European Accessibility Act 2025?

Nick Schaperkotter
Team Lead CRO & Design
1/7/24
Innovatie
Trends

Dat is een vraag die veel bedrijven zichzelf momenteel zouden moeten stellen. Over een jaar (op 28 juni 2025) gaat namelijk de European Accessibility Act (EEA) in. De nieuwe wetgeving zal e-commerce bedrijven en webshops gaan verplichten om hun platform digitaal toegankelijk te maken. Waarom dit zo’n belangrijk onderwerp wat ook kansen biedt bespreken we verder in dit artikel. Maar eerst gaan we antwoord geven op een vraag die misschien nu ook wel bij jou speelt, wat is digitale toegankelijkheid nou precies? 

Wat houdt digitale toegankelijkheid in?

Niet voor iedereen zal direct duidelijk zijn wat de term ‘’digitale toegankelijkheid’’ precies betekent.  In de breedste zin zal het betekenen dat webshops voor iedereen toegankelijk en makkelijk te gebruiken zijn, ongeacht mogelijke fysieke of mentale beperkingen. De EEA stelt dat digitale platforms moeten voldoen aan de vier basisprincipes van Web Content Accessibility Guidelines (WCAG):

  • Waarneembaar: Inhoud en navigatie moeten voor iedereen zichtbaar en hoorbaar zijn, ongeacht hun zintuiglijke beperkingen. Dit omvat visuele, auditieve en andere hulpmiddelen om informatie toegankelijk te maken.
  • Bedienbaar: Interactieve elementen moeten door alle gebruikers bediend kunnen worden. Dit betekent dat ze niet alleen met een muis, maar ook met een toetsenbord, spraakopdrachten of andere methoden toegankelijk moeten zijn.
  • Begrijpelijk: De structuur van websites en apps moet eenvoudig te begrijpen zijn. Een logische opbouw en duidelijke instructies zorgen ervoor dat gebruikers geen obstakels tegenkomen bij het gebruik van de inhoud.
  • Robuust: Websites en apps moeten duurzaam toegankelijk zijn en compatibel blijven met verschillende soorten software en hardware. Dit zorgt ervoor dat de inhoud betrouwbaar werkt op diverse platforms en met verschillende hulpmiddelen.

Dit zal misschien nog helemaal een compleet beeld voor je schetsen. Om dit net even wat concreter te maken zullen we twee van deze principes nader toelichten met een voorbeeld. 

Waarneembaar

De inhoud van een webshop moet dus zichtbaar en hoorbaar zijn. Een voorbeeld van groepen waar hier rekening mee gehouden moet worden is bezoekers die een vorm van kleurenblindheid hebben. In Nederland heeft ongeveer 1 op de 12 mannen een vorm van kleurenblindheid, wat neerkomt op zo'n 8% van de mannelijke bevolking. Bij vrouwen is kleurenblindheid veel zeldzamer; slechts 1 op de 200 vrouwen, oftewel 0,5%, heeft deze aandoening. Kleurenblindheid komt in verschillende vormen voor, maar waar je als webshop vooral rekening mee moet houden is hoe de contrasten kunnen verschillen bij bezoekers met een vorm van kleurenblindheid. Onderstaand een voorbeeld van hoe eenzelfde afbeelding op verschillende manieren gezien kan worden en hoe de afbeelding dus een andere kracht krijgt. 

Bedienbaar

Een voorbeeld van bedienbaarheid is het navigeren door een webshop met alleen een toetsenbord, dus zonder muis. Mensen met een motorische beperking navigeren vaak via de tab-functie op je toetsenbord, in plaats van met een muis. Je kunt met een attribuut aangeven of een link deel uitmaakt van de 'tabvolgorde'. Zorg ervoor dat de volgorde van de zichtbare links overeenkomt met die in de HTML-structuur. Als dit niet het geval is, kun je dit corrigeren met behulp van tabindex-attributen. Om deze mensen verder te helpen is het bijvoorbeeld belangrijk om visueel te maken waar iemand zich bevindt met tabben door items te highlighten (zie omlijning in onderstaand voorbeeld). Als je dit niet doet is het voor de bezoeker gissen waar hij of zij zich op dat moment op de pagina begeeft. 

Vragen die jij verder nog kunt hebben

We kunnen het ons voorstellen dat deze nieuwe wetgeving een aantal vragen bij je zal doen opkomen. Wij hebben er een aantal op een rijtje gezet en daarbij voor het gemak ook een antwoord erbij. 

Aan welke soort beperkingen moet ik denken?

  • Er zijn vele soorten beperkingen te bedenken. Een aantal hiervan zijn mensen die (kleuren)blind of slechtziend zijn. Verder is het goed om rekening te houden met laaggeletterdheid, aandachtsproblemen, doof of slechthorend en problemen met fijne motoriek

Voor hoeveel procent van mijn doelgroep is dit relevant?

  • In Europa heeft 27% van de bevolking een beperking. Voor Nederland is met 32% zelf nog een grotere groep. Voor jouw specifieke doelgroep kan dit percentage hoger of lager liggen. Doe hier zelf onderzoek naar

Geldt dit ook voor mijn webshop?

  • Hoogstwaarschijnlijk wel. In principe is de wetgeving van toepassing op alle online platformen van e-commerce bedrijven. Er worden uitzonderingen gemaakt voor bedrijven met een jaaromzet met minder dan 2 miljoen 

Wat zijn de consequenties als ik niet aan de wetgeving voldoe?

  • Dit is nog niet officieel gecommuniceerd. Maar hoogstwaarschijnlijk zullen er boetes volgen als jouw webshop niet voldoet aan de regelgeving. 

Zijn er naast het voorkomen van boetes andere voordelen aan het voldoen aan deze regels?

  • Zeker! Door jouw website toegankelijker te maken maak je het direct ook voor een grotere groep mensen mogelijk om iets te kopen op jouw online platform. Hierdoor kan dus ook de conversieratio een boost krijgen. 

Verweven in onze digitale aanpak

Bij Yellowgrape proberen we al zoveel mogelijk rekening te houden met toegankelijkheid in ons werk. Dit doen we specifiek in het CRO & Design team waar accessibility al echt verweven wordt in de aanpak voor onze klanten. Hieronder een aantal voorbeelden hoe onze designers, developers en CRO specialisten digitale toegankelijkheid meenemen in hun werk. 

Zaken waar designers op letten zijn onder andere kleurcontrasten tussen tekst en achtergrond om de leesbaarheid te vergroten. Verder moet een design responsief zijn op verschillende apparaten en schermformaten. Maar ook een duidelijke typografie en alt-tektsen voor afbeeldingen zijn dingen waar aan gedacht wordt.

Developers maken gebruik van van semantische HTML-tags  <header>, <nav>, <main>, en <footer> om de structuur van de pagina duidelijk te maken voor hulp technologieën. Verder is het dus belangrijk dat de code zo is ingericht dat een bezoeker met alleen het toetsenbord kan navigeren. Tenslotte wordt er ook gedacht aan ARIA-attributen om extra informatie te bieden aan gebruikers van schermlezers. 

CRO specialisten kijken op verschillende manieren naar optimalisaties en gebruiksvriendelijkheid in het algemeen. Specifiek gericht op accessibility zijn er een aantal elementen waar extra op gelet wordt. Denk hierbij aan formulieren die makkelijk in te vullen moeten zijn met duidelijke labels en beschrijvende foutmeldingen. Dit helpt gebruikers met verschillende beperkingen om formulieren correct in te vullen. Een methode om achter mogelijke obstakels te komen is het doen van gebruikerstesten met mensen met verschillende beperkingen. Zo kunnen we direct zien hoe zij de website ervaren en waar ze mogelijk tegenaan lopen. 

Wat kun jij nu doen?

Uiteindelijk is het belangrijk dat jouw webshop volledig voldoet aan de nieuwe regelgeving. Hiervoor is het raadzaam om hier een audit op te laten doen en op basis daarvan de website helemaal digitaal toegankelijk te maken. Deze audits doen wij in samenwerking met Level Level, een partij die heel veel ervaring heeft met digitale toegankelijkheid op websites in diverse branches. 

Om te beginnen kun je zelf natuurlijk eens proberen door jouw website heen te gaan. Probeer eens om alleen met je toetsenbord door je website te navigeren en te kijken hoe ver je komt. Of haal je designs eens door de kleurenblindheidsscan om te zien hoe jouw website door verschillende ogen gezien kan worden. Dit zal helpen om nog meer gevoel bij het onderwerp te krijgen. 

Heb je nou nog een vraag over dit onderwerp die niet behandeld is in dit artikel? Neem dan vooral contact met ons op en dan praten we je graag bij.