Overwinnen van toegankelijkheidsbarrières in productdetailpagina’s

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.

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

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.

Precies weten wat jij moet doen voor de European Accessibility Act?

In ons handboek ‘Bouwen aan een digitaal toegankelijke organisatie’ lees je exact wat je nodig hebt om klaar te zijn voor 2025.

✓ Wetgeving en richtlijnen.
✓ Wat digitale toegankelijkheid je oplevert.
✓ Naar een toegankelijke organisatie in 6 stappen.
✓ 10 punten om direct actie op te ondernemen.