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
Albert Heijn heeft in 2022 een eindscore van 68%. Vorig jaar was de score 63%.
URL voorpagina: https://www.ah.nl/
Datum van testen: 19 september 2022
Er is aandacht besteed aan de toegankelijkheid van de website en 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;
- het filtermenu is niet te gebruiken met een toetsenbord;
- niet alles wordt duidelijk voorgelezen voor schermlezers er is weinig feedback over wat er precies gebeurt;
- om hulp vragen via de website is niet te doen, doordat er onder andere geen visuele focus aangeduid wordt en er geen feedback is voor de screen reader gebruiker.
Problemen per stap bij Albert Heijn
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:
De visuele focus is onduidelijk en de items kunnen niet ingeklapt worden. De knop om filters te verwijderen heeft geen visuele focus. De checkbox in het filtermenu werkt helemaal niet.
Stap 8. kan ik een artikel in het winkelwagentje stoppen
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 11: kan ik een account aanmaken:
De visuele focus is niet bij alle stappen goed zichtbaar en soms helemaal niet. Aanmelden met een schermlezer is zeer gecompliceerd, doordat de aanmeldknop inactief is, zolang niet alles (juist) is ingevuld. Foutmeldingen worden echter niet uitgesproken, waardoor je als gebruiker vast kunt komen te zitten.
Stap 12. kan ik inloggen:
Foutmeldingen in het formulier worden niet voorgelezen.
Stap 13. kan ik een bezorgadres ingeven:
Er zijn knoppen op deze pagina zonder naam, screen reader gebruikers weten niet wat deze knoppen doen.
Stap 14. kan ik een bezorgmoment kiezen:
De knop om een week op te schuiven heeft geen toegankelijke naam, het is dus niet duidelijk hoe je verder dan een week in de toekomst kunt bestellen. Ook wordt de prijs van de verschillende bezorgmomenten niet uitgesproken. Je weet niet van tevoren dat er een prijsverschil in zit.
Stap 15. kan ik het eindbedrag en de bezorgkosten uitlezen:
Het eindtotaal zit achter een uitklapknop, zonder toegankelijke naam. Je weet dus niet wat deze knop doet. Als deze knop geactiveerd wordt krijgt de gebruiker geen auditieve feedback. De prijs verschijnt vervolgens visueel boven deze knop. Als schermlezer gebruiker weet je dit niet en is dit bijzonder onverwacht gedrag. Het vinden van het totaalbedrag is dus een hele klus op zich.
Stap 18. kan ik om hulp vragen:
Er is geen visuele focus zichtbaar op de items. Rechtsonder in de pagina zit een Contact knop. Doordat de focus volgorde niet klopt op de pagina en er geen visuele focus zichtbaar is, is het niet te doen om deze knop te selecteren.
Met een schermlezer is het achterhalen van de contactopties niet mogelijk. Er vinden allerlei dynamische veranderingen plaats op de contactpagina die niet door de schermlezer aangekondigd worden. De contactopties verschijnen ook op onlogische plekken, waardoor het vinden van deze informatie niet mogelijk is.
Vergelijking met vorig jaar
Albert Heijn heeft een aantal zaken verbeterd. Zo is de cookiebanner beter te besturen met het toetsenbord en is het makkelijker om de opties van een product te wijzigen. Ook heeft de winkelwagen knop een duidelijke naam gekregen, waardoor besturing met een screen reader makkelijker is geworden.
Het kiezen van een bezorgmoment is voor toetsenbord gebruikers verbeterd, voor screen reader gebruikers juist verslechterd.
Helaas zijn er ook stappen veranderd, waardoor zij minder toegankelijk zijn geworden. De filters bij de zoekresultaten zijn niet goed meer te gebruiken met het toetsenbord. Het uitlezen van het eindbedrag is met een screen reader dit jaar aanzienlijk moeilijker geworden en het is vrijwel onmogelijk om hulp te vragen via de website.
Codekwaliteit Albert Heijn
De ernstigste fouten die wij tegenkwamen:
- knoppen zonder toegankelijke naam;
- select elementen zonder toegankelijke naam;
- onvoldoende kleurcontrast voor sommige teksten;
- geneste interactieve elementen;
- formuliervelden zonder gekoppelde labels;
