Overwinnen van toegankelijkheidsbarrières in productdetailpagina’s

Geschreven door Niels de Blaauw

Overwinnen van toegankelijkheidsbarrières in productdetailpagina’s

Artikel

Overwinnen van toegankelijkheidsbarrières in productdetailpagina’s

door

Een goed ontworpen productdetailpagina is cruciaal voor het succes van een webwinkel. Deze pagina’s moeten niet alleen aantrekkelijk en duidelijk zijn, maar ook toegankelijk en gebruiksvriendelijk. Hieronder bespreek ik enkele veelvoorkomende problemen die wij vaak zien terugkomen, bijvoorbeeld tijdens ons webwinkel toegankelijkheidsonderzoek, en hoe deze de gebruikerservaring beïnvloeden.

1. Contrast en zichtbaarheid van prijzen en voorwaarden

Op veel websites worden prijzen en voorwaarden niet altijd even duidelijk weergegeven. Belangrijke informatie zoals voorwaarden of adviesprijs wordt soms klein, in slecht contrast, of zelfs doorgestreept getoond.

Een doorgestreepte prijs, die niet goed toonbaar is voor iemand met een visuele beperking.

Dit maakt het moeilijk voor mensen met visuele beperkingen om deze informatie te begrijpen. Deze contrastproblemen zijn opgenomen in de Web Content Accessibility Guidelines, en zijn vaak goed op te lossen.

2. Het voorlezen van prijzen

Een heldere en begrijpelijke weergave van prijzen is vaak niet vanzelfsprekend, vooral als er korting van toepassing is of wanneer prijzen afhankelijk zijn van de gekozen variatie.

Zorg er ook voor dat de valuta altijd duidelijk is, zodat gebruikers die de pagina met een schermlezer-bezoeker snel kunnen herkennen dat het om een prijs gaat.

3. Toegankelijkheid bij het selecteren van variaties

Een ander veelvoorkomend probleem is het selecteren van productvariaties, zoals maten of kleuren, vooral voor gebruikers die afhankelijk zijn van het toetsenbord.

Het is belangrijk dat deze variaties niet alleen goed te selecteren zijn, maar dat ook de effecten van deze keuze, zoals prijswijzigingen of veranderende leverdata, duidelijk worden aangekondigd.

Variatie kiezen op verschillende manieren.

4. Duidelijkheid in knoppen

Vaak zijn er op een productpagina meerdere knoppen aanwezig, zoals voor het hoofdproduct, gerelateerde producten en up-sells. Dit kan verwarrend zijn  wanneer voor een schermlezer-gebruiker het niet duidelijk is om welk product het gaat. Een oplossing is om de producttitel in de knop omschrijving voor schermlezers te gebruiken, zodat gebruikers weten voor welk product de knop is.

5. Vervolgstappen na toevoegen aan winkelwagen

Na het toevoegen van een product aan de winkelwagen, moet het duidelijk zijn wat de volgende stappen zijn. Kan de gebruiker verder winkelen, of is het tijd om af te rekenen?

Ook het eenvoudig kunnen verwijderen van producten uit de winkelwagen is belangrijk. Als er een pop-up verschijnt na het toevoegen van een product, moet deze de focus krijgen en eenvoudig te sluiten zijn, bijvoorbeeld met de ‘escape’-toets. Dat is handiger voor klanten die niet zo goed met een muis overweg kunnen.

6. Omschrijvingen bij productfoto’s

Zorg ervoor dat alle productfoto’s een duidelijke omschrijving hebben. Dit is niet alleen belangrijk voor SEO, maar ook voor gebruikers die afhankelijk zijn van schermlezers.

7. Navigatie in productafbeelding-galerijen

En als we het toch over productafbeeldingen hebben: we zien vaak problemen in de navigatie van productafbeelding-galerijen. Het komt vaak voor dat gebruikers die je webwinkel met een toetsenbord gebruiken,  vast komen te zitten in deze galerijen en de rest van de pagina niet meer kunnen bedienen.

Door deze punten te verbeteren, maak je een productdetailpagina niet alleen aantrekkelijker, maar ook toegankelijker en gebruiksvriendelijker. Dit leidt tot een betere ervaring voor alle gebruikers en kan de verkoop en klanttevredenheid positief beïnvloeden.

Kan jouw website hulp gebruiken met digitale toegankelijkheid?

Of heb je vragen over de European Accessibility Act? Level Level bereidt je voor op de toekomst met optimaal toegankelijke websites.

Vertel ons meer over je plannen en ambities!

We zijn klaar om jullie online uitdaging op te pakken.