Albert Heijn
Onze bevindingen over de webwinkel van Albert Heijn
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.
Albert Heijn
URL voorpagina: https://www.ah.nl/
Datum van testen:: 26-28 Juli 2021, herkeuring op 13 september 2021
Er is enige aandacht besteed aan de toegankelijkheid van de website en bij het bestelproces.
De grootste problemen die wij tegenkwamen:
- kleurcontrast. De AH huisstijl kleur blauw heeft een te laag contrast ten opzichte van een witte achtergronden;
- het menu geeft een onlogische tabvolgorde en het submenu onder de inlogknop is onbereikbaar;
- niet alles wordt duidelijk voorgelezen voor schermlezers er is weinig feedback over wat er precies gebeurd;
- de combinatie aantal ingeven en toevoegen aan de winkelwagen in een component is moeilijk te begrijpen voor blinde gebruikers.
Problemen per stap bij Albert Heijn
Stap 1: kan ik cookies accepteren, en daarna de website gebruiken:
Het cookie modal krijgt pas focus als je het menu doorgetabt bent. Na verder tabben valt de focus uit het modal en tab je weer door op de website erachter.
Het vervolg modal voor de cookie instellingen krijgt pas focus als je de gehele pagina bent doorgetabt met het toetsenbord.
Het is niet mogelijk met het toetsenbord een keuze te maken bij de opties van de cookie instellingen wijzigen.
Rechtstreeks accepteren in het eerste modal werkt wel.
Stap 2. kan ik het hoofdmenu gebruiken:
De toestenbord volgorde is niet hetzelfde als de visuele volgorde. Submenu onder ‘inloggen/mijn profiel’ klapt niet open op toetsenbordfocus.
Voor een schermlezer: Het submenu onder ‘inloggen/mijn profiel’ is onbereikbaar en het winkelwagentje wordt voorgelezen met alleen de totaalprijs.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Het filter aan de zijkant is te gebruiken en wordt goed voorgelezen maar de sorteeroptie mist een gekoppeld label.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De automatische aanpassing van het aantal is wat verwarrend, moet je nu wel of niet op het plusje drukken. Er is geen feedback of een item aan het winkelwagentje is toegevoegd. Het is een puzzeltje als je niet kunt zien. De combinatie van het aantal ingeven en toevoegen aan het winkelmandje is verwarrend voor als je niet ziet wat er gebeurd.
Stap 8. kan ik een artikel in het winkelwagentje stoppen
Er wordt niet gemeld wanneer een product is toegevoegd aan de winkelwagen. De knop ‘Voeg toe’ wordt voorgelezen als alleen ‘Plus’. Dit is onvoldoende informatie om te weten dat je met deze knop een product kunt toevoegen. De zichtbare tekst is ‘Voeg toe’, dat is veel duidelijker.
Stap 9. kan ik het winkelwagentje openen en uitlezen wat ik heb besteld:
De link naar het winkelwagentje wordt alleen voorgelezen als het totaalbedrag; nergens in de link of knoppenlijst komt het woord ‘winkelwagentje’ voor. Het is onduidelijk en gokken. Via Online bestellen kan de bezoeker wel verder het bestelproces in.
Stap 12. kan ik inloggen:
Foutmeldingen in het formulier worden niet voorgelezen.
Stap 13. kan ik een bezorgadres ingeven:
Bij de postcodecheck wordt niet voorgelezen welke velden verplicht zijn om in te vullen en de zichtbare foutmeldingen worden niet voorgelezen.
Stap 14. kan ik een bezorgmoment kiezen:
De knopen met de bezorgdagen krijgen geen visuele focus, dus het is tellen waar je bent en welke knop je moet hebben. De tijden krijgen wel visuele focus. Bij het kiezen van het bezorgmoment wordt het formulier automatisch verstuurd. Dit kan verwarrend zijn als je niet kunt zien.
Stap 18. kan ik om hulp vragen:
Onder het kopje Contact op de pagina klantenservice staan 3 opties:
Chat, WhatsApp en bellen. Deze knoppen krijgen geen visuele focus.
Voor een schermlezer: Omdat het telefoonnummer in eerste instantie verborgen is, is het moeilijk te ontdekken wat het telefoonnummer is.
De knop voor het telefoonnummer kan worden aangeklikt, maar er wordt niet voorgelezen. Het telefoonnummer kan alleen worden uitgelezen als je de focus van de knop haalt en er weer opzet. Dit maakt het wel erg lastig om het telefoonnummer uit te lezen.
De chatbox leest geen vragen en antwoorden voor en is dus niet te gebruiken voor een blinde bezoeker. Alleen als de bezoeker WhatsApp kan gebruiken is contact makkelijk.
Codekwaliteit Albert Heijn
Totaal 13 van de 100 punten.
De ernstigste fouten die wij tegenkwamen:
- knoppen zonder toegankelijke naam;
- links zonder toegankelijke naam;
- select elementen zonder toegankelijke naam;
- afbeeldingen zonder alternatieve tekst;
- onvoldoende kleurcontrast voor sommige teksten;
- geneste interactieve elementen;
- formuliervelden zonder gekoppelde labels;
- ARIA formuliervelden zonder toegankelijke naam.
Reactie van Albert Heijn
Wij vinden het belangrijk dat iedereen zonder obstakels gebruik kan maken van onze website. De gebruiksvriendelijkheid van onze site, waaronder een goede toegankelijkheid voor iedereen, heeft onze aandacht en is een continu proces. We nemen de bevindingen van het onderzoek dan ook mee als onderdeel van dit continue verbeterproces.
Voor wat betreft de laatste vraag: wij zullen voldoen aan de nieuwe regelgeving.