Geschreven door Jens Quentin op 09 september 2025

Hoe maak je je webshop toegankelijk: vereisten, voordelen en implementatietips

Toegankelijkheid
Wet
Vanuit juridisch en commercieel oogpunt is een toegankelijke webshop essentieel. Eye-Able® geeft tips voor de implementatie en legt uit hoe u uw omzet kunt verhogen door betere zichtbaarheid, terwijl u tegelijkertijd aan alle wettelijke eisen voldoet. Wat is het verband tussen toegankelijkheid en webshops? Welke wet- en regelgeving moet u naleven?

Waarom een toegankelijke online winkel tegenwoordig onmisbaar is

Slechts een derde van de Duitse webwinkels is momenteel volledig toegankelijk.

Mensen met een beperking navigeren anders door websites; sommigen hebben een schermlezer nodig, anderen spraak- of toetsenbordbediening, braille of een joystick. Daarom is het essentieel om uw webshop toegankelijk te maken, rekening houdend met juridische, technische en ontwerpaspecten. Het doel: uw klantenbestand uitbreiden en digitale inclusie bevorderen.

Wat betekent toegankelijkheid in e-commerce?

Digitale toegankelijkheid maakt toegankelijkheid mogelijk voor alle gebruikers, ongeacht eventuele beperkingen die zij hebben.

Stel je een winkelstraat voor vol winkels, waaronder jouw kantoorartikelenwinkel. Een man in een rolstoel wil een aantal kantoorartikelen kopen, maar er zijn drie treden die de toegang voor hem onmogelijk maken. Er is geen hellingbaan en niemand helpt hem. Gefrustreerd draait hij zich om en koopt hij bij een van je concurrenten. Hetzelfde zou kunnen gebeuren met je webshop: mensen met een beperking of tijdelijke problemen zouden kunnen overstappen naar je concurrenten als je hen geen drempelvrije toegang biedt.

Het doel van digitale toegankelijkheid is om ervoor te zorgen dat iedereen zonder belemmeringen of hulp van derden toegang heeft tot uw webwinkel. Dit omvat toegankelijke HTML-code, een contentstrategie voor begrijpelijke teksten, duidelijke navigatie, een contrastrijk ontwerp van alle websitecontent en het aanbieden van alternatieve audiovisuele content, bijvoorbeeld voor afbeeldingen. Responsief ontwerp, oftewel het aanpassen van webcontent aan de apparaten van gebruikers, is eveneens belangrijk. De mogelijkheid om met een toetsenbord te navigeren speelt ook een grote rol. Het gebruik van ondersteunende technologieën, zoals schermlezers, moet mogelijk zijn. Laagdrempelige toegang door middel van een duidelijke paginastructuur en het gebruik van eenvoudige taal is ook essentieel.

Lees meer over e-commerce in verband met Eye-Able® hier .

Welke doelgroepen hebben behoefte aan toegankelijke webwinkels?

Alle mensen met een tijdelijke of permanente beperking die tevens tot de doelgroep van het bedrijf behoren, hebben behoefte aan een toegankelijke webshop.

Dit omvat onder meer:

  • Mensen met cognitieve, visuele, motorische of auditieve beperkingen.

  • Gebruikers met een lage digitale geletterdheid

  • Mensen met leerproblemen

  • Mensen met tijdelijke motorische beperkingen

Mensen met een visuele beperking hebben moeite met het herkennen van tekst, knoppen of formuliervelden als deze niet duidelijk afsteken tegen de achtergrond. Blinde mensen kunnen niet navigeren op websites waar afbeeldingen, formulieren of knoppen niet correct zijn gelabeld. Dove en slechthorende mensen kunnen video's zonder ondertitels niet goed begrijpen.

In juni 2025 publiceerden Aktion Mensch en Google een testrapport waaruit bleek dat 61% van de mensen met een beperking voornamelijk online winkelt, vergeleken met slechts 51% van de mensen zonder beperking.

Wettelijke eisen voor toegankelijkheid in webwinkels

In Duitsland bestaan diverse wetten die de digitale toegankelijkheid reguleren.

Toegankelijkheid en webwinkels: wettelijke vereisten

Online winkels zijn verplicht om digitale toegankelijkheid te garanderen. De basis hiervoor is de Europese Toegankelijkheidswet (EAA), die overeenkomt met de EU-richtlijn inzake toegankelijkheid. In Duitsland wordt de EAA geïmplementeerd door de Wet ter verbetering van de toegankelijkheid (BFSG). Zie ons blogbericht voor meer informatie. De EAA 2025: Dát is waar het om draait!

Volgens artikel 12 van de Wet ter verbetering van de toegankelijkheid (BFSGV) moeten webwinkels op passende wijze waarneembaar, bedienbaar, begrijpelijk en robuust (qua stabiliteit) zijn. Volgens artikel 13 van de BFSGV moeten webwinkels basisfuncties hebben die zijn afgestemd op de verschillende behoeften van mensen met een beperking en het gebruik van de website met behulp van ondersteunende technologieën mogelijk maken.

Zogenaamde micro-ondernemingen vormen een uitzondering. Dit zijn bedrijven met een jaaromzet van minder dan € 2 miljoen en minder dan 10 werknemers. Als de winkel echter producten verkoopt die onder de BFSG vallen, moet deze nog steeds toegankelijk zijn. Meer hierover lees je in onze blogpost. Toegankelijkheidsverklaringen op een begrijpelijke manier uitgelegd: inhoud, verplichtingen, voorbeelden

Webshops in de B2B-sector vormen een andere uitzondering, maar deze moeten duidelijk als zodanig worden aangeduid en mogen zich uitsluitend op bedrijven richten. Zogenaamde inactieve webshops die als archief worden gebruikt en sinds 29 juni 2025 geen verkopen meer hebben gegenereerd, zijn eveneens uitgezonderd. Let op: individuele "inactieve" subpagina's zijn niet uitgezonderd als de webshop in het algemeen nog steeds actief is.

Sinds wanneer geldt deze verplichting voor webwinkels, en wat zijn de gevolgen bij een overtreding?

De verplichting is van kracht sinds 28 juni 2025, toen de BFSG ook een toegankelijkheidsverplichting voor particuliere bedrijven heeft vastgelegd. Deze geldt voor producten en diensten die sindsdien worden aangeboden.

Schendingen van de digitale toegankelijkheid kunnen leiden tot waarschuwingen van consumentenbeschermingsorganisaties of concurrenten. Op grond van artikel 29 van de BFSG zijn boetes tot € 100.000 mogelijk. Markttoezichthouders kunnen de verwijdering van bestaande belemmeringen gelasten en een termijn stellen. Indien deze termijn niet wordt nageleefd, worden verdere sancties opgelegd en in het ergste geval een verbod op de verkoop of het aanbieden van de dienst.

Mensen met een beperking kunnen een civiele procedure starten tegen niet-toegankelijke websites, wat kan leiden tot enorme reputatieschade. Bovendien bestaat het risico op aanzienlijke omzetverliezen en kosten als gevolg van latere websiteverbeteringen. Negatieve publiciteit kan blijvende schade toebrengen aan het imago van een bedrijf, waardoor klanten het vertrouwen in het merk verliezen.

Welke delen van de webshop moeten toegankelijk zijn?

Intuïtieve gebruiksvriendelijkheid, gemakkelijk te begrijpen inhoud en een technische implementatie die compatibel is met ondersteunende technologieën zijn cruciaal. Mensen die de site bezoeken, hebben een soepel proces nodig van begin tot eind, van product zoeken tot betalen.

  • Navigatie is belangrijk, en een duidelijke structuur is noodzakelijk die zowel met een toetsenbord als met een schermlezer te bedienen is.

  • Productbeschrijvingen moeten toegankelijk en gemakkelijk leesbaar zijn.

  • Documenten, zoals pdf's, moeten toegankelijk zijn.

  • Het betalingsproces moet volledig toegankelijk zijn om te voorkomen dat de transactie in gevaar komt doordat gebruikers de site voortijdig verlaten.

  • De toestemmingsbanner, die als een venster verschijnt zodra een website wordt geopend, geeft informatie over het gebruik van cookies. Als eerste contactpunt met de webwinkel moet deze banner ook toegankelijk zijn.

Hoe maak je je online winkel toegankelijk?

Eye-Able® laat je stap voor stap zien hoe je je webshop toegankelijk maakt.

Technische maatregelen voor betere toegankelijkheid

Een basisvereiste is het gebruik van semantisch correcte HTML-code, bijvoorbeeld om koppen correct weer te geven. Alternatieve teksten voor afbeeldingen, zogenaamde alt-tags, moeten worden ingesteld. Deze zijn belangrijk voor mensen met een visuele beperking of blinden. Multimedia-inhoud moet optioneel verborgen, gepauzeerd of gestopt kunnen worden. Alle functies op de website moeten via het toetsenbord bedienbaar zijn. Formuliervelden die moeten worden ingevuld, vereisen begrijpelijke labels en, indien nodig, uitleg. Interactieve elementen moeten leesbaar zijn voor ondersteunende technologieën, bijvoorbeeld menu's of klikbare gebieden. Media, documenten en formulieren moeten ook toegankelijk zijn.

Ontwerptips voor een betere gebruiksvriendelijkheid

De volgende punten zijn essentieel voor een barrièrevrij ontwerp van uw website:

  • Een duidelijke en ondubbelzinnige paginastructuur, navigatie en focusindicatoren.

  • Het gebruik van responsief ontwerp voor mobiel gebruik

  • Aanpasbare tekstgroottes en -afstand

  • Gebruik gemakkelijk leesbare lettertypen en een minimale lettergrootte van 16px, idealiter 18-20px voor de hoofdtekst.

  • hoog contrast tussen tekst en achtergrond, evenals bij afbeeldingen en grafieken

  • geen knipperende of geanimeerde inhoud

  • een consistent, herkenbaar ontwerp

De technische maatregelen werken alleen in combinatie met de ontwerptips voor een toegankelijke website. Hoe duidelijker en toegankelijker een website is, hoe langer bezoekers blijven en hoe hoger de klanttevredenheid.

Toegankelijk ontwerp speelt daarom een belangrijke rol. Uitgebreide informatie hierover vindt u in onze blogpost met dezelfde naam. (LINK hier)

Voordelen van oplossingen zoals Eye-Able®

Een oplossing die de implementatie van een toegankelijke website ondersteunt, biedt vele voordelen. Eye-Able® helpt websitegebruikers om zelfstandig diverse instellingen aan te passen. Denk hierbij aan contrastaanpassingen, tekstvergroting, het verbergen van afbeeldingen, voorleesfuncties, verschillende filters en compensatie voor kleurenblindheid. Gebruikers kunnen individuele aanpassingen opslaan als directe weergaven.

Voer nu een toegankelijkheidscontrole uit met de Eye-Able®-analysefunctie en test de software 14 dagen gratis!

Het Eye-Able®-platform vult technische maatregelen op een zinvolle manier aan en biedt een complete, hoogwaardige gebruikerservaring. Er wordt rekening gehouden met de individuele behoeften van elke websitebezoeker en toegankelijkheid wordt direct geïmplementeerd.

Door de integratie van de afzonderlijke stappen op weg naar toegankelijkheid en onderhoud wordt de werkdruk voor websitebeheerders verlaagd.

Het waarborgen van langdurige toegankelijkheid: onderhoud en updates

Regelmatig testen en aanpassen tijdens ontwerp- of systeemupdates is met name belangrijk voor het onderhoud van een website. Feedback van gebruikers kan zo worden meegenomen en geïmplementeerd.

Dankzij een monitoringfunctie zoals die in de Eye-Able®-oplossing kunnen websitebeheerders snel en zonder vertraging reageren op eventuele beveiligingslekken.

Voordelen van toegankelijke online winkels voor ondernemers en klanten

Uit een onderzoek naar toegankelijkheid in 11 landen, uitgevoerd door softwarebedrijf Capterra, bleek dat 74% van de ondervraagde bedrijven denkt in het verleden orders te hebben verloren door een gebrek aan toegankelijkheid. Toegankelijkheid stelt bedrijven in staat de klantloyaliteit te versterken, een grotere doelgroep te bereiken en hun imago op sociale media te verbeteren.

Meer omzet door betere toegankelijkheid

Een toegankelijke webshop kan bestaande doelgroepen uitbreiden, wat de basis vormt voor hogere verkoopcijfers. Een diepere band met klanten ontstaat door een gebruikerservaring die als positief en inclusief wordt ervaren. Het bouncepercentage en het daarmee samenhangende aantal afgebroken aankopen worden verlaagd, wat eveneens de omzet verhoogt.

Betere SEO dankzij digitale toegankelijkheid

Er is een overlap tussen de toegankelijkheid van een website en de SEO-doelen van een bedrijf. Een toegankelijke implementatie verbetert de SEO, waardoor de website beter scoort in zoekmachines.

Een duidelijke HTML-structuur verbetert de zichtbaarheid, waardoor uw webshop gemakkelijker te vinden is. Zoekmachines kunnen worden ondersteund door tekstalternatieven en sprekende URL's, wat de website verder versterkt.

Een lange verblijftijd en een hoge gebruiksvriendelijkheid geven zoekmachines het signaal dat dit een relevante website is. Geoptimaliseerde toegankelijkheid van afbeeldingen of video's biedt zoekmachines meer context bij de tekst. Een toegankelijke pagina leidt daardoor tot meer organisch verkeer dankzij een betere zichtbaarheid en hogere rankings in zoekmachines.

Zoekmachines bestraffen ontoegankelijke websites niet. Het gevolg: zelfs mensen zonder beperkingen vinden uw site moeilijk.

Hogere conversieratio's dankzij een inclusieve gebruikerservaring.

Het conversiepercentage geeft aan hoeveel mensen op de website een door het bedrijf gewenste actie uitvoeren, zoals het kopen van een product in de webwinkel. Hoe inclusiever de gebruikerservaring op de website, hoe beter het conversiepercentage. Intuïtieve website-navigatie heeft een bijzonder positief effect op het gehele betalingsproces, waardoor het aantal afgebroken aankopen afneemt.

Het vertrouwen van de doelgroepen wordt versterkt door het toegankelijke en gebruiksvriendelijke ontwerp. Het merk profiteert van een inclusieve ervaring, wat resulteert in een positiever imago.

Praktische voorbeelden en oplossingen: Hoe winkels toegankelijkheid implementeren

Er zijn veel positieve voorbeelden die een eerste indruk geven van een succesvolle implementatie.

Vergelijking van succesvolle, toegankelijke online winkels

Talrijke webwinkels maken al gebruik van Eye-Able®, bijvoorbeeld Babor, Diashop en Frankonia.

Babor Babor, een luxe cosmeticaretailer, onderscheidt zich door zijn toegankelijke proces, van product zoeken tot afrekenen. Babor beschouwt digitale toegankelijkheid als vanzelfsprekend en gebruikt het niet voor marketingdoeleinden.

In de toegankelijkheidsverklaring, Diashop Diashop, een gespecialiseerde detailhandelaar en postorderbedrijf voor diabetesbenodigdheden, maakt bekend welke delen van de webshop al op een wettelijk conforme en gebruiksvriendelijke manier toegankelijk zijn. Het is bijzonder prijzenswaardig dat Diashop ook aangeeft welke obstakels het in de toekomst wil wegnemen. Er is tevens een mogelijkheid om obstakels te melden.

Frankenland , een online winkel voor jacht-, schietsport- en outdoormode, biedt ook een uitgebreide toegankelijkheidsverklaring. Deze is ingedeeld volgens de WCAG-richtlijnen en geeft voor elk onderdeel nauwkeurig aan hoe digitale toegankelijkheid in de webshop is geïmplementeerd. Er is ook een mogelijkheid om belemmeringen te melden.

Een combinatie van goede gebruiksvriendelijkheid, doordachte technologie, compatibiliteit en een aantrekkelijk ontwerp levert de beste resultaten op voor een succesvolle webwinkel.

Wat zijn de voordelen van oplossingen zoals Eye-Able®?

Eye-Able® kan snel in uw website worden geïntegreerd, voldoet aan de AVG (Algemene Verordening Gegevensbescherming) en biedt de mogelijkheid om backend-maatregelen toe te voegen. Gebruikers kunnen instellingen aanpassen, zoals kleurmodi of lettergroottes. Als platformonafhankelijke oplossing kan Eye-Able® snel en eenvoudig worden geïntegreerd in alle gangbare CRM-systemen, waardoor u gemakkelijker een toegankelijke webwinkel kunt creëren.

Dit stelt u in staat om het verkooppotentieel te vergroten, de klantloyaliteit te versterken en juridische gevolgen te voorkomen. Toegankelijkheid verbetert de gebruikerservaring voor alle bezoekers en verhoogt uw zichtbaarheid in zoekmachines.

Veelgestelde vragen

Wat is een toegankelijke webwinkel?

Een winkel die voor iedereen toegankelijk en zo gebruiksvriendelijk mogelijk is. Er worden geen obstakels gecreëerd voor mensen met een beperking.

Hoe kan ik testen of mijn website toegankelijk is?

Doe de gratis test met Eye-Able®.

Aan welke criteria moet worden voldaan om een webwinkel toegankelijk te maken?

Gestructureerde navigatie, eenvoudige toetsenbordbediening, alternatieve inhoud, begrijpelijke taal en toegankelijke toegang tot documenten.

Hoe maak ik mijn webwinkel toegankelijk?

Het is belangrijk om een grondige analyse van de huidige situatie uit te voeren, een gestructureerd proces te volgen voor de implementatie van de afzonderlijke stappen, technische aanpassingen te maken, het ontwerp te optimaliseren en tests uit te voeren. De inhoud moet regelmatig worden aangepast en onderhouden. De Eye-Able®-platformoplossing kan u hierbij helpen.

Wat zijn de kosten om een webwinkel toegankelijk te maken?

De exacte kosten hangen af van de grootte en complexiteit van de webshop. Ook de huidige toegankelijkheid is een belangrijke factor. Tools zoals Eye-Able® vereenvoudigen de benodigde inspanning.

Sinds wanneer moeten webwinkels toegankelijk zijn?

Volgens de BFSG moeten webwinkels vanaf 28 juni 2025 toegankelijk zijn.

Controleer gratis de toegankelijkheid van uw website met Eye-Able®!

Filter

Filter op categorie

Bevestig je selectie met de knop aan het einde van de lijst na het kiezen van de categorieën.

Filters resetten
Browservenster met de slogan "Toegankelijk voor iedereen" en een menu met overlay-functies ernaast.

Een overlay maakt een website niet vanzelf toegankelijk

Lees verhaal
Illustratie met het woord “SEO” in grote blauwe letters. Rondom staan pictogrammen voor toegankelijkheid en content, zoals een oog (zichtbaarheid), een boek (leesbaarheid), een netwerkstructuur (structuur) en het universele toegankelijkheidssymbool. De afbeelding verbindt SEO met digitale toegankelijkheid

Digitale toegankelijkheid en SEO: waarom ook Google van deze websites houdt

Lees verhaal
Bovenaanzicht van een laptop waarop een website wordt getoond, met twee handen die op het toetsenbord typen. Links naast de laptop staat een blauw toegankelijkheidspictogram met een persoon-icoon.

"Digitale toegankelijkheid is nu geen prioriteit" - en dat kost je elke dag omzet

Lees verhaal
iPhone en Apple Watch met toegankelijkheidsfuncties in beeld. Op het iPhone-scherm zijn opties zoals Live luisteren, geluidsniveau van koptelefoons en ondertiteling zichtbaar. Op de Apple Watch wordt live transcriptie getoond. Het toegankelijkheidssymbool en het Apple iPhone-logo benadrukken inclusieve functies voor gehoorondersteuning.

Toegankelijkheid iPhone: zo haal je alles uit de toegankelijkheidsinstellingen

Lees verhaal
Drie smartphoneschermen met een e-commerce-app. In het midden staat een productpagina voor de Sony WH-1000XM5 koptelefoon, links een overzicht met aanbiedingen en rechts het checkout-scherm met betaalopties. Het universele toegankelijkheidssymbool linksboven benadrukt toegankelijke online winkelervaringen.

Mobiele toegankelijkheid: ben jij er klaar voor?

Lees verhaal
Illustratie van een webpagina waarop tekst automatisch wordt omgezet naar eenvoudigere, beter leesbare content. Een pijl verbindt originele tekst met een vereenvoudigde versie, naast pictogrammen voor AI en een open boek, wat het herschrijven naar begrijpelijke en toegankelijke taal visualiseert.

AI accessibility: Hoe organisaties inclusieve digitale ervaringen maken

Lees verhaal
Woman with a tablet and world map in the background.

Eye-Able als alternatief: wat organisaties écht nodig hebben

Lees verhaal
Screenshot van het Eye-Able-dashboard waarin stap 1 van een formulier voor een toegankelijkheidsverklaring wordt ingevuld. Rechts is een automatisch gegenereerde Toegankelijkheidsverklaring zichtbaar met secties over naleving, dienstbeschrijving en niet-toegankelijke inhoud. De afbeelding toont hoe een HTML-toegankelijkheidsverklaring automatisch wordt aangemaakt op basis van ingevoerde gegevens.

Hoe kom ik aan een toegankelijkheidsverklaring voor de EAA?

Lees verhaal
Illustratie van een webinterface met het universele toegankelijkheidssymbool op de voorgrond. Rechts is een checklist met blauwe vinkjes zichtbaar, wat het controleren en voldoen aan toegankelijkheidsrichtlijnen voor digitale content en websites visualiseert.

Wat is Alt Tekst voor obstakelvrij lezen van beelden?

Lees verhaal
Illustratie van een webinterface met in het midden een pictogram met sterretjes, omringd door blauwe lijnen die verschillende onderdelen van de pagina verbinden. De afbeelding staat voor optimalisatie en verbetering van digitale content en gebruikerservaring.

Hoe AI een handje helpt bij de Wet Digitale Toegankelijkheid

Lees verhaal
Illustratie met testresultaten: in het midden een groot label “Fail” met een rood kruis, daaromheen kleinere labels met “Pass” en groene vinkjes. De afbeelding visualiseert het testen en beoordelen van toegankelijkheids- of kwaliteitscriteria

Veelgemaakte fouten Wet Digitale Toegankelijkheid (EAA)

Lees verhaal
Illustratie van een webinterface met in het midden het universele toegankelijkheidssymbool. Blauwe lijnen verbinden verschillende onderdelen van de pagina, wat laat zien hoe toegankelijkheidsfuncties doorwerken in content, layout en media binnen een website.

De Wet Digitale Toegankelijkheid (EAA) voor het MKB: Zo krijg je je medewerkers mee!

Lees verhaal

Heeft u meer informatie nodig?

Neem contact met ons op en we helpen u graag verder.

a man with down syndrome shows a woman something on the computer. they both laugh