Wehkamp
Onze bevindingen over de webwinkel van Wehkamp
De laatste versie van het webwinkel toegankelijkheidsonderzoek is nu beschikbaar.
Elk jaar voeren we een onderzoek uit naar de toegankelijkheid van de grootste webwinkels van Nederland. Je leest nu een onderzoek uit ons archief uit voorgaande jaren. Leer meer over de toegankelijkheid van webshops in ons meest recente onderzoek.
Wehkamp
Wehkamp heeft in 2022 een eindscore van 45%. Vorig jaar was de score 43%.
URL voorpagina: https://www.wehkamp.nl/
Datum van testen: 1 november 2022
De kwaliteit van de webtoegankelijkheid wisselt sterk per stap. Maar over het algemeen blijkt dat er niet wordt getest met een toetsenbord of schermlezer. Het is voor een toetsenbord- of schermlezer gebruiker onmogelijk om een account aan te maken.
Opvallend is dat een schermlezer gebruiker een iets betere ervaring heeft dan een toetsenbord gebruiker. Dit komt hoofdzakelijk omdat je met een schermlezer op meerdere manieren kunt navigeren en daardoor delen kunt overslaan. Ook is het ontbreken van een visuele focus voor een schermlezer geen probleem.
De grootste problemen die wij tegenkwamen:
- bij veel componenten ontbreekt de visuele focus;
- de cookies kunnen nooit geaccepteerd worden met het toetsenbord;
- de productpagina bevat een toetsenbord-val bij de afbeeldingen-caroussel, waardoor de toetsenbord gebruiker niet bij de optie kan komen om een product in het winkelwagentje te stoppen;
- het is onmogelijk een account aan te maken met alleen het toetsenbord of schermlezer;
- veel functionaliteit werkt wel met een muis, maar niet met een toetsenbord. Dit blokkeert ook schermlezer gebruikers om in te loggen en te bestellen.
Problemen per stap bij Wehkamp
Stap 1: kan ik cookies accepteren, en daarna de website gebruiken:
Er is geen zichtbare toetsenbordfocus, wat het navigeren moeilijk maakt. Het is niet duidelijk wanneer het cookie modal focus krijgt. Met het gebruik van een hulpmiddel om de visuele focus te zien valt op dat de toetsenbordfocus nooit in de cookiebanner terecht komt en de cookies nooit geaccepteerd/gewijzigd kunnen worden.
Stap 2. kan ik het hoofdmenu gebruiken:
Er is gedeeltelijk geen visuele focus en de submenu’s klappen niet uit bij toetsenbordfocus.
Stap 3. kan ik de zoekfunctie op de voorpagina gebruiken
Je kunt met het toetsenbord de zoekfunctie bereiken. Ook suggesties zijn te selecteren. Wat onverwacht is, is dat het lijkt alsof het loep icoon een verzend knop is, maar er is geen verzend knop. Omdat de visuele focus ontbreekt, ga je dan ongewild naar de klantenservice pagina.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Door het ontbreken van de visuele focus is het onwerkbaar om bij het filter de juiste opties voor de maat, kleur en mouwlengte te kiezen. Ook met een schermlezer zijn de filters niet goed te gebruiken. Er mist vaak een koppeling tussen het invoerveld en het label. De knoppen om filters te verwijderen hebben ook geen toegankelijke naam.
Stap 5. kan ik een item kiezen uit de zoekresultaten:
De afbeeldingen en naam van een product krijgen visuele focus. Wel moet je eerst het gehele filter doortabben. Omdat het filter geen visuele focus krijgt is het een heel karwei om bij de product links te komen. Door het ontbreken van duidelijke headings is dit met de schermlezer ook niet te omzeilen.
Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
Er is voor een schermlezer geen onderscheid tussen het uitspreken van de prijs en de kortingsprijs.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De carrousel voor de afbeeldingen van het product is een toetsenbord-val, je kunt er niet langs verder tabben noch in Chrome, noch in FireFox of Safari. Hierdoor is de rest van de pagina onbereikbaar. Met de muis zijn we verder gegaan om over de carousel heen te komen. Pas toen was het mogelijk een maat te kiezen.
Omdat de schermlezer makkelijk delen van de webpagina kan overslaan is de carrousel hier geen probleem.
Stap 8. kan ik een artikel in het winkelwagentje stoppen:
Niet met het toetsenbord. Vanwege de toestenbord-val bij de carrousel is de knop in winkelwagen onbereikbaar.
Stap 9. kan ik het winkelwagentje openen en uitlezen wat ik heb besteld:
De knop om een product te verwijderen wordt alleen voorgelezen als ‘knop’ en de optie om het aantal te wijzigen heeft geen gekoppeld label, zodat niet voorgelezen wordt wat hier aan te passen. Ook hier ontbreekt weer de visuele focus, waardoor toetsenbord gebruikers niet kunnen zien welk element focus krijgt.
Stap 10. kan ik een account aanmaken:
De knop ‘Maak een account’ reageert niet op het toetsenbord. Het aanmaken van een nieuw account is dus onmogelijk voor zowel toetsenbord en schermlezer gebruikers.
Stap 11. kan ik een account aanmaken:
Wederom ontbreekt de visuele focus. Voor schermlezer gebruikers is het niet mogelijk om via het hoofdmenu in te loggen, dat kan alleen via de winkelwagen. Bij het inloggen op een bestaand account wordt het label van het wachtwoord niet voorgelezen. Ook worden foutmeldingen niet voorgelezen.
Stap 13. kan ik een bezorgadres ingeven:
Vanwege het ontbreken van visuele focus is het lastig te zien hoe je de bezorgwijze kunt selecteren. Met tabs tellen lukt het selecteren van de optie thuisbezorgen. De schermlezer krijgt niet te horen welke bezorgwijze is geselecteerd.
Stap 16. kan ik een wijze van betalen kiezen:
Het selecteren van een betalingsmethode is een enorme puzzel vanwege de opzet en het ontbreken van de visuele focus. Het is een combinatie van een keuzerondje (dat eigenlijk een knop is) en een accordeon, (de opties klappen open als je een keuze maakt). Met de schermlezer hoor je niet welke betaalmethode geselecteerd is, omdat het knoppen zijn, in plaats van keuzerondjes.
Stap 17. kan ik op de bestelknop drukken om te betalen of te bestellen:
Als een keuze voor een bezorg- en betaalwijze is gemaakt is de ‘Naar betaling’ knop actief. Aangezien de voorgaande stappen niet te doen zijn, is ook deze optie niet bereikbaar. Maar als bezorg- en betaalwijze met de muis wordt gekozen, is de knop ‘Plaats bestelling’ zelf uit te lezen en bereikbaar.
Stap 18. kan ik om hulp vragen:
De klantenservice knop bovenin het menu krijgt geen visuele focus. De focus volgorde op de pagina is vrij onduidelijk. Niet alles krijgt visuele focus.
Het telefoonnummer is underlined, waardoor het lijkt alsof dit een link is, dit is niet zo. De chatbox is niet goed met het toetsenbord bestuurbaar. De andere knoppen (klacht melden, retour melden, social media) zijn niet te bereiken met het toetsenbord.
Vergelijking met vorig jaar
Zeer opvallend aan Wehkamp is dat er vrijwel niks veranderd lijkt te zijn. Alle punten waar vorig jaar het bestelproces bij vast liep zijn nog steeds van toepassing.
Codekwaliteit Wehkamp
- knoppen zonder toegankelijke naam;
- links zonder toegankelijke naam;
- ARIA formuliervelden zonder toegankelijke naam;
- formuliervelden zonder gekoppelde labels;
- select elementen zonder toegankelijke naam;
- geneste interactieve elementen;
- onvoldoende kleurcontrast voor sommige teksten.
