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?
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):
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.
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.
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.
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?
Voor hoeveel procent van mijn doelgroep is dit relevant?
Geldt dit ook voor mijn webshop?
Wat zijn de consequenties als ik niet aan de wetgeving voldoe?
Zijn er naast het voorkomen van boetes andere voordelen aan het voldoen aan deze regels?
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.
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.
