Toegankelijke online winkel: Vereisten en mogelijkheden

Een toegankelijke webwinkel stelt iedereen in staat om online te winkelen, ongeacht hun beperkingen. Het voldoet aan technische en wettelijke eisen om de toegankelijkheid voor slechtzienden, slechthorenden en mensen met motorische of cognitieve beperkingen te garanderen. In dit artikel lees je welke maatregelen nodig zijn en welke voordelen een toegankelijke webwinkel biedt.

Toegankelijk webdesign en internet - een inleiding

Toegankelijk webdesign helpt mensen met visuele of cognitieve beperkingen om toegang te krijgen tot online content. Stel je voor dat je een website niet kunt lezen omdat de tekst te klein is of de kleuren te weinig contrast bieden. Voor veel mensen is dit een dagelijkse uitdaging. Webtoegankelijkheid betekent dat websites, mobiele applicaties en elektronische documenten zo zijn ontworpen dat ze zonder hulp kunnen worden gebruikt. Dit zorgt ervoor dat alle mensen, ongeacht hun fysieke of mentale capaciteiten, gelijke toegang hebben tot informatie en diensten en maakt een toegankelijk internet mogelijk. Het World Wide Web Consortium stelt standaarden op voor de toegankelijkheid van websites en draagt zo bij aan het verbeteren van de toegankelijkheid op het internet.

Een toegankelijke online winkel is niet alleen een ethische noodzaak, maar ook een economische kans. Ongeveer 61% van de mensen met een handicap winkelt zeer vaak of vaak online. Dit toont het enorme potentieel aan van toegankelijke websites. Toegankelijke websites stellen alle bezoekers in staat om de inhoud te lezen, te begrijpen en ermee te interageren, ongeacht persoonlijke of technische barrières. Ze bevorderen toegankelijkheid en inclusie in de digitale ruimte.

Wat is een toegankelijke online winkel?

Een toegankelijke webwinkel is een website die zonder beperkingen kan worden gebruikt door alle gebruikers, ongeacht hun beperkingen of technische mogelijkheden. Alle informatie en functies van een website moeten toegankelijk zijn voor alle bezoekers. Het maakt niet uit welke fysieke, mentale of technische situatie ze hebben. Websites die aan deze principes voldoen, worden drempelvrij genoemd. Dit omvat maatregelen om belangrijke informatie en aanbiedingen op het World Wide Web beschikbaar te maken voor mensen met een lichamelijke en/of geestelijke beperking.

De basisprincipes van een toegankelijke webwinkel zijn onder andere de gestructureerde voorbereiding van teksten, visuele presentatie en begrijpelijkheid. Toegankelijk webdesign helpt mensen met visuele of cognitieve beperkingen om toegang te krijgen tot online inhoud. Slechts 4% van alle handicaps is aangeboren; veel handicaps worden veroorzaakt door ziekte of ongevallen. Daarom is het des te belangrijker dat digitale toegankelijkheid websites, mobiele applicaties en elektronische documenten omvat die zonder hulp gebruikt kunnen worden.

Wettelijke vereisten voor toegankelijke online shops

De wettelijke vereisten voor toegankelijke online shops zijn een belangrijk aspect waar online retailers rekening mee moeten houden. EU-brede wetgeving over digitale toegankelijkheid werd in 2016 aangenomen en trad in 2021 in werking. Deze regelgeving, zoals EU-richtlijn 2016/2102 en de European Accessibility Act (EAA), stelt Europa-brede eisen aan online toegankelijkheid die moeten worden geïmplementeerd in nationale wetten.

Naast het Europese kader zijn er nationale wetten, zoals de Barrierefreiheitsstärkungsgesetz (BFSG) in Duitsland, die particuliere marktdeelnemers vanaf medio 2025 verplichten om hun online aanwezigheid toegankelijk te maken. Deze wetten moeten ervoor zorgen dat producten en diensten toegankelijk zijn voor alle mensen, ongeacht hun capaciteiten. Naleving van toegankelijkheidsnormen kan het risico op juridische problemen en rechtszaken minimaliseren.

Europese toegankelijkheidswet

De Europese toegankelijkheidswet (EAA) stelt gestandaardiseerde toegankelijkheidseisen voor producten en diensten in heel Europa. Deze vereisten moeten door de lidstaten worden omgezet in nationale wetten. De EAA formuleert eisen voor de toegankelijkheid van goederen en diensten en verplicht online retailers om hun websites tegen medio 2025 toegankelijk te maken.

De EAA richt zich op het toegankelijke ontwerp van online aanwezigheden, zodat ze zonder problemen gebruikt kunnen worden door mensen met een handicap. De geharmoniseerde norm EN 301 549 is sterk gebaseerd op de Web Content Accessibility Guidelines (WCAG) 2.1, die internationale vereisten definiëren voor het maken van webinhoud. Deze norm bevat vereisten die verder gaan dan WCAG 2.1 en dus een uitgebreide toegankelijkheid garanderen.

Wet Versterking Toegankelijkheid (BFSG)

De Barrierefreiheitsstärkungsgesetz (BFSG) regelt de noodzakelijke toegankelijkheid voor producten en diensten van bedrijven, vooral in e-commerce. Het heeft invloed op verschillende producten zoals routers, e-book readers, televisies met internettoegang, geldautomaten, smartphones, notebooks, tablets en computers, maar ook op diensten zoals e-books, telefoon- en koeriersdiensten, bankdiensten en personenvervoersdiensten.

Het doel van de BFSG is om producten en diensten zo te ontwerpen dat ze ook door mensen met een handicap zonder problemen kunnen worden gebruikt. Vanaf medio 2025 moeten particuliere marktdeelnemers in Duitsland hun online aanwezigheid ook zo ontwerpen dat deze toegankelijk is in overeenstemming met de vereisten van de BFSG. Overtredingen van de toegankelijkheidsvereisten kunnen zowel waarschuwbare overtredingen van de mededingingsregels als administratieve overtredingen zijn, die kunnen worden bestraft met een boete van maximaal 100.000 euro.

Technische maatregelen voor de implementatie van een toegankelijke online shop

Technische maatregelen zijn cruciaal voor het creëren van een toegankelijke webwinkel. Een van de belangrijkste principes is de strikte scheiding van inhoud, structuur en ontwerp. Dit maakt een responsieve presentatie mogelijk, die ervoor zorgt dat de inhoud toegankelijk is op verschillende apparaten en ondersteunende technologieën.

De technische maatregelen omvatten ook

• Alternatieve teksten voor afbeeldingen
• Ondertitels voor video's
• Hoge contrasten in een online shop om websites ook bij fel omgevingslicht goed leesbaar te maken
• Eenvoudige navigatie met behulp van het toetsenbord, omdat alle functies ook met het toetsenbord kunnen worden uitgevoerd
• Alternatieve tekstmodules om de akoestische inhoud toegankelijk te maken voor slechthorenden.

Waarneembaarheid

Alternatieve teksten voor afbeeldingen en ondertitels voor video's zijn essentieel om de inhoud begrijpelijk te maken voor blinde gebruikers. Gebruikers van schermlezers hebben alternatieve teksten (alt-teksten) voor afbeeldingen nodig om de inhoud te begrijpen. Het gebruik van alt-attributen in HTML-tags is hierbij belangrijk. Alternatieve teksten moeten zo beknopt mogelijk zijn en niet langer dan 80 tekens.

Mensen met een visuele beperking gebruiken brailleregels om websiteteksten in braille weer te geven. Visuele barrières kunnen ontstaan door een gebrek aan optimalisatie voor schermlezers, waardoor mensen met een visuele beperking de inhoud niet kunnen begrijpen. Succescriteria voor toegankelijke webinhoud op het gebied van lettertype en lay-out zijn onder andere schreefloze lettertypen en voldoende contrastverhoudingen.

Bruikbaarheid

Websites moeten volledig navigeerbaar zijn via het toetsenbord zodat gebruikers met motorische beperkingen er toegang toe hebben. Onafhankelijkheid van het apparaat en de mogelijkheid om alle links en bedieningselementen te bereiken, te bedienen en te verlaten met behulp van het toetsenbord zijn belangrijke criteria voor toegankelijkheid. Mensen met beperkte motorische vaardigheden gebruiken over het algemeen toetsenborden die aan hun behoeften zijn aangepast. Door deze aanpassing kunnen ze efficiënter werken. Touchpads, minitoetsenborden of joysticks.

Schermlezers stellen gebruikers met een visuele beperking in staat om de inhoud van websites voor te lezen en door pagina's te navigeren. Ongestructureerde inhoud en onvoldoende contrast zijn veel voorkomende barrières op websites waardoor ze moeilijk te gebruiken zijn. Te grote of te kleine knoppen en uitklapmenu's kunnen cognitieve barrières opwerpen.

Begrijpelijkheid

Duidelijke en begrijpelijke structuren en inhoud verbeteren de algehele gebruikerservaring en dragen bij aan toegankelijkheid. Toegankelijke inhoud kan de leesbaarheid en toegankelijkheid van websites verbeteren, wat leidt tot langere bezoektijd en betere SEO-resultaten. Gemakkelijk toegankelijke en duidelijk gestructureerde informatie verhoogt de tijd die op een website wordt doorgebracht en de klanttevredenheid.

Bij structurele veranderingen zijn aspecten als eenvoudig taalgebruik en sterke kleurcontrasten essentieel voor de toegankelijkheid. Het implementeren van duidelijke en begrijpelijke structuren en inhoud verbetert de algehele gebruikerservaring en draagt bij aan de toegankelijkheid.

Specifieke barrières en hun oplossingen

Mogelijke barrières bij het ontwerp van een website kunnen zijn

• technische beperkingen
• visuele beperkingen
• auditieve beperkingen
• cognitieve beperkingen
• motorische beperkingen

Deze belemmeringen beïnvloeden de gebruikerservaring en kunnen de toegang tot informatie en diensten aanzienlijk bemoeilijken. Naast visuele en motorische beperkingen kunnen ook gehoor-, spraak- en cognitieve problemen barrières vormen.

Tekst op websites kan moeilijk te lezen zijn als er ontwerpkeuzes zoals donkere tekst op een donkere achtergrond worden gemaakt. Audiobestanden zonder tekstalternatieven kunnen mensen met gehoorproblemen uitsluiten. Hulptechnologieën zijn hulpmiddelen voor mensen met een beperking om webinhoud te gebruiken.

Visuele barrières

Visuele barrières hebben betrekking op de ontvangst en verwerking van visuele prikkels die de hersenen via het oog bereiken en kunnen worden aangetast door inwendige of uitwendige letsels. Mensen met een rood-groen deficiëntie hebben moeite om informatie te begrijpen als deze alleen via kleuren wordt gecommuniceerd. Het is daarom belangrijk dat informatie niet alleen via kleuren wordt gecommuniceerd en dat er een hoog contrast tussen tekst en achtergrond wordt gebruikt om de leesbaarheid te verbeteren.

Grotere lettertypen en afbeeldingen en het vermijden van rood kan het lezen makkelijker maken voor gebruikers met een visuele beperking. Door websites aan te passen aan schermleessoftware en productafbeeldingen duidelijk te labelen, worden ze makkelijker te gebruiken voor mensen met een visuele beperking. Dit zorgt ervoor dat alle gebruikers, ongeacht hun visuele vaardigheden, toegang hebben tot de inhoud.

Motorische barrières

Mensen met fysiologische beperkingen of chronische ziekten ondervinden motorische belemmeringen bij het gebruik van internet. Kleine klikgebieden kunnen leiden tot schokkerige of trage muisbewegingen voor gebruikers met motorische beperkingen. Om dit te voorkomen, moeten websites aanpasbare knoppen hebben die groot genoeg zijn om er gemakkelijk op te klikken.

Grote interactieve elementen zoals knoppen maken de bediening makkelijker voor mensen met motorische beperkingen. Mensen met mobiliteitsbeperkingen hebben problemen met het bedienen van de muis, vooral wanneer er kleine knoppen op een website staan. Het is daarom belangrijk dat de navigatie en interactie op de website intuïtief en eenvoudig is voor alle gebruikersgroepen.

Auditieve barrières

Ondertitels voor video's zijn essentieel zodat slechthorende gebruikers de inhoud kunnen begrijpen. Ondertitels of extra begeleidende teksten voor video's helpen mensen met gehoorproblemen. Tekstalternatieven voor slechthorenden moeten worden aangeboden wanneer akoestische informatie zoals interviews of gesproken audiobestanden worden gebruikt op websites.

Audiobeschrijvingen voor video's kunnen automatisch worden gegenereerd op YouTube. Transcripties voor audio-inhoud zijn noodzakelijk om de toegankelijkheid voor slechthorende gebruikers te garanderen. Deze maatregelen zorgen ervoor dat alle gebruikers, ongeacht hun auditieve vaardigheden, toegang hebben tot de inhoud.

Cognitieve barrières

Eenvoudige en korte zinnen kunnen cognitieve barrières verlagen en misverstanden helpen voorkomen. Een logische en consistente structuur van de inhoud, zoals een inhoudsopgave, vergemakkelijkt de oriëntatie en begrijpelijkheid voor gebruikers met cognitieve beperkingen. Eenvoudig en direct taalgebruik op de website helpt gebruikers met cognitieve beperkingen om de inhoud beter te begrijpen.

Eenvoudiger en begrijpelijker formuleringen van productteksten en korte paragrafen verbeteren de toegankelijkheid voor mensen met cognitieve beperkingen. Deze maatregelen helpen ervoor te zorgen dat alle gebruikers, ongeacht hun cognitieve vaardigheden, de website effectief kunnen gebruiken.

Voordelen van een toegankelijke online shop

Een toegankelijke webwinkel maakt een bredere doelgroep toegankelijk, waaronder mensen met verschillende handicaps. Toegankelijkheid stimuleert het gebruik door alle bezoekers door logische navigatie en gebruiksgemak. Dit kan de conversie verhogen omdat meer gebruikers zonder drempels kunnen winkelen.

Een toegankelijke webwinkel draagt bij aan een inclusieve samenleving. Het verbetert ook het imago van de online retailer. Websites die toegankelijk zijn voor iedereen worden door zoekmachines als relevanter beschouwd en kunnen daarom betere rankings krijgen.

Vergroot bereik

Een toegankelijke webwinkel kan nieuwe klantengroepen aanspreken, zoals ouderen of anderstaligen. Toegankelijke websites spreken niet alleen mensen met een handicap aan, maar ook oudere volwassenen en mensen met tijdelijke handicaps. Door toegankelijkheid in e-commerce te implementeren, kunnen online retailers meer mensen bereiken en zo hun klantenbestand uitbreiden.

Toegankelijkheid kan het bereik van een online winkel vergroten door ervoor te zorgen dat de inhoud toegankelijk is op verschillende apparaten en ondersteunende technologieën. Dit kan leiden tot meer conversies en verkopen door een breder publiek te bereiken.

Verbeterde bruikbaarheid

Een toegankelijke website staat voor een hoge gebruiksvriendelijkheid. Toegankelijkheid leidt tot eenvoudiger gebruik van de website, waardoor deze voor alle klanten gemakkelijker te gebruiken is. Door rekening te houden met toegankelijkheid worden navigatie en interactie op de website intuïtiever en gemakkelijker voor alle gebruikersgroepen.

Toegankelijkheidsmaatregelen komen ook de volgende mensen ten goede:

• Kinderen
• ouders
• senioren
• Mensen met tijdelijke beperkingen

Betere SEO-ranking

Toegankelijke websites verbeteren de SEO-ranking omdat zoekmachines toegankelijke inhoud als relevanter beschouwen. Algoritmes van zoekmachines geven de voorkeur aan toegankelijke websites, wat kan leiden tot een betere positie in de zoekresultaten.

Google rangschikt websites met een langere verblijftijd en hogere klikfrequenties hoger door gebruiksgemak. Gebruikerssignalen zoals verblijftijd en doorklikpercentage, die worden verbeterd door toegankelijke websites, zijn cruciaal voor SEO-rankings.

Stap-voor-stap handleiding voor het maken van een toegankelijke online winkel

Het is aan te raden om gedetailleerde informatie in te winnen over het onderwerp toegankelijkheid. De online aanwezigheid moet worden geanalyseerd om bestaande probleemgebieden te identificeren. Probleemgebieden moeten worden gesegmenteerd en verantwoordelijkheden moeten worden toegewezen. Een update van de Shopware-versie en de geleidelijke aanpassing van de online aanwezigheid aan de nieuwe normen zijn cruciaal voor het bereiken van toegankelijkheid.

Shopware is van plan om tegen het einde van het jaar volledig te voldoen aan de toegankelijkheidsrichtlijnen en retailers te helpen bij het maken van de nodige aanpassingen aan hun webwinkels. Deze maatregelen zullen ervoor zorgen dat de online aanwezigheid voldoet aan de toegankelijkheidsvereisten en dus toegankelijk is voor alle gebruikers.

De huidige website analyseren

Een BITV-test kan worden gebruikt om de huidige toegankelijkheidsstatus van een website te controleren. Gratis tools zoals Google Lighthouse of Wave kunnen een eerste inzicht geven in de toegankelijkheid van een website. Na de test levert Lighthouse een gedetailleerd rapport met specifieke aanbevelingen om de toegankelijkheid te verbeteren.

De beoordeling van de huidige toegankelijkheid moet bestaande barrières aan het licht brengen, zodat gerichte maatregelen kunnen worden genomen. Deze analyse is de eerste stap in het creëren van een toegankelijke webwinkel en vormt de basis voor verdere maatregelen.

Planning en prioritering

Een gedetailleerd implementatieplan moet duidelijk de middelen en verantwoordelijkheden definiëren om de noodzakelijke aanpassingen effectief uit te voeren. Het plannen en prioriteren van de maatregelen is cruciaal om ervoor te zorgen dat met alle aspecten van toegankelijkheid rekening wordt gehouden en dat de implementatie soepel verloopt.

Een dergelijk plan helpt bij het structureren van de noodzakelijke stappen en zorgt ervoor dat alle betrokkenen zich bewust zijn van hun taken en verantwoordelijkheden. Dit zorgt ervoor dat toegankelijkheid efficiënt en succesvol wordt geïmplementeerd.

Implementatie en testen

Google Lighthouse is een krachtige, geautomatiseerde tool voor het testen van toegankelijkheid. Om de toegankelijkheid van een website te testen met Lighthouse, kunt u de onderstaande stappen volgen:

1. Open de doelpagina in Google Chrome.
2. Open de ontwikkelaarstools door met de rechtermuisknop op de pagina te klikken en "Verkennen" te selecteren.
3. Ga naar het tabblad Lighthouse van de ontwikkelaarstools.
4. Selecteer vervolgens de optie 'Toegankelijkheid' om de test te starten.

Een Lighthouse Toegankelijkheidsscore boven de 80 geeft aan dat de website al aan een aantal toegankelijkheidsvereisten voldoet. Een score onder 80 geeft aan dat er dringend actie moet worden ondernomen op het gebied van toegankelijkheid. Regelmatige toegankelijkheidstests met gebruikerstests en ondersteunende technologieën zijn essentieel voor toegankelijkheid op de lange termijn.

Samenvatting

Toegankelijkheid in e-commerce is niet alleen een wettelijke verplichting, maar ook een ethische en economische noodzaak. Het stelt alle mensen, ongeacht hun fysieke of mentale capaciteiten, in staat om op gelijke voet deel te nemen aan het digitale leven. Een toegankelijke webwinkel draagt bij aan een inclusieve samenleving en kan de verkoop verhogen door een bredere doelgroep aan te spreken.

Het implementeren van toegankelijkheid vereist technische expertise en zorgvuldige planning. Van het analyseren van de huidige website tot het plannen en prioriteren, implementeren en testen - elke stap is cruciaal om ervoor te zorgen dat de website voldoet aan de toegankelijkheidsvereisten. Als je hierbij hulp nodig hebt, kun je altijd een beroep doen op ons ervaren team. Neem gewoon contact op via ons contactformulier.