Zalando

Zalando

Onze bevindingen over de webwinkel van Zalando

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.

Logo Zalando

Zalando

Zalando heeft in 2022 een eindscore van 57%. Vorig jaar was de score 64%.

URL voorpagina: https://www.zalando.nl/
Datum van testen: 1 oktober 2022

Zalando heeft aandacht besteed aan de digitale toegankelijkheid van de webshop. Echter duiken er steeds meer problemen op naarmate de gebruiker vordert in het bestelproces, met als resultaat dat een bestelling plaatsen niet mogelijk is met het toetsenbord en/of een schermlezer.

De grootste problemen die wij tegenkwamen:

  • De cookies kunnen met het toetsenbord niet geaccepteerd worden;
  • het is soms puzzelen hoe een control werkt, omdat de visuele presentatie niet overeenkomt met het verwachte gedrag; 
  • er is er niet overal een duidelijk toetsenbordfocus  ;
  • de bestelflow is ontoegankelijk voor toetsenbord gebruikers en schermlezers omdat er geen bezorgadres kan worden ingegeven.

Problemen per stap bij Zalando

Stap 1: kan ik cookies accepteren, en daarna de website gebruiken:
De links hebben geen visuele focus. De knoppen ‘Voorkeuren instellen’ en ‘OK’ zijn niet te bereiken met het toetsenbord. Na de link privacybeleid springt de focus weer naar de bovenkant van de banner.
Met VoiceOver zijn de knoppen ‘Voorkeuren instellen’ en ‘OK’ echter wel te bereiken. Er wordt veel dubbel voorgelezen.

Stap 2. kan ik het hoofdmenu gebruiken:
Het is onverwacht dat je met de pijltjestoetsen het submenu moet doorlopen.
VoiceOver: Er wordt niet uitgesproken dat er submenu onderdelen zijn. Ook hebben zij geen toegankelijke naam, omdat er alleen een icoontje (SVG) zichtbaar is die niet altijd een beschrijvende titel heeft.Met de pijltjestoetsen is het submenu verder uit te lezen. Dit is onverwacht gedrag. Je zou verwachten met de tabtoets door de links te kunnen gaan.

De submenu's van de zalando website. Voor elk item staat een icoon.
Zalando: Weergave van het submenu, elk item heeft een icoontje dat voorgelezen wordt in plaats van het submenu-item.

Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Gebruik van het filter ‘Sorteren’ werkt niet goed met het toetsenbord, je kunt een select openklappen, maar daarna niet binnen de opties een keuze maken. De overige selecties kun je wel gebruiken en doortabben. Na doortabben zonder kiezen gaat de focus terug naar de bovenkant van de pagina zonder dat men wat gekozen heeft. Omdat het niet altijd duidelijk is of het een keuzerondje of een aankruisvak betreft, is het soms puzzelen wat je hebt geselecteerd en hoe een select werkt.

Stap 5. kan ik een item kiezen uit de zoekresultaten:
De prijs van een product is wel te zien, maar wordt niet voorgelezen met een schermlezer. Dat is toch wel belangrijke informatie bij het maken van een keuze.

Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De keuze voor de maat heeft geen gekoppeld label, waardoor een screen reader gebruiker niet weet welke maat hij/zij bestelt.

Stap 8. kan ik een artikel in het winkelwagentje stoppen:
Na klikken op de knop ‘Bestel Nu’ is er is geen auditieve feedback over dat het item in de winkelmand is geplaatst.

Stap 11 en 12. kan ik een account aanmaken en inloggen:
Er is nergens aangegeven wat verplichte velden zijn en foutmeldingen worden niet uitgesproken.

Stap 13. kan ik een bezorgadres ingeven:
Bij het invullen van het adres lopen de toestenbord- en schermlezer gebruiker vast. De manier van een adres opgeven kan niet worden gedaan met het toetsenbord. Het is onmogelijk om na het invullen van de postcode een adres te selecteren. De link ‘Om uw adres handmatig toe te voegen, klik hier’ werkt niet met het toetsenbord.

Screenshot van het Afleveradres formulier van Zalando. Voornaam, Achternaam en Postcode velden zijn zichtbaar. Vervolgens is er een select element waar een adres in staat wat geselecteerd moet worden om verder te gaan.
Zalando: Weergave van het invullen van een bezorgadres, “Kies je adres” kan niet bereikt worden met het toetsenbord.

Stap 14. kan ik een bezorgmoment kiezen:
De keuzerondjes om een verzendmethode c.q. bezorgmoment te kiezen krijgen geen visuele focus. Ook hebben zij geen toegankelijke naam, waardoor de geselecteerde verzendmethode niet duidelijk is voor een gebruiker met een screen reader.

Stap 16. kan ik een wijze van betalen kiezen:
De wijze van combineren van een keuzerondje met extra informatie onder het keuzerondje is lastig te begrijpen en te bedienen als je deze constructie niet kunt zien. Met een schermlezer kan geen andere bank gekozen worden dan de eerste beschikbare.

Stap 18. kan ik om hulp vragen:
In het contactformulier wordt de vraag bij de keuzerondje ‘Gaat je vraag over een geplaatste bestelling’ niet voorgelezen. Bij de foutmeldingen wordt niet goed voorgelezen welke velden niet goed zijn ingevuld.

Vergelijking met vorig jaar

Zalando heeft wat stappen in het bestelproces verbeterd, maar ook is een aantal stappen juist lastiger geworden, waardoor de score van Zalando is gedaald, ten opzichte van vorig jaar.

Zo is het uitlezen van de productinformatie met een schermlezer verbeterd. Ook kan met het toetsenbord een product gewijzigd worden, door bijvoorbeeld de kleur aan te passen. Ook is de winkelwagen verbeterd voor zowel toetsenbord als schermlezer gebruikers.

Helaas is het lastiger geworden om een bezorgmoment te kiezen, omdat met een schermlezer niet te horen is welke verzendmethode geselecteerd wordt. Het kiezen van een bank is voor schermlezer gebruikers onmogelijk geworden. Dit zijn hele cruciale stappen in het bestelproces.

Codekwaliteit Zalando

De ernstigste fouten die wij tegenkwamen:

  • onvoldoende kleurcontrast voor sommige teksten;
  • SVG elementen zonder alternatieve tekst;
  • knoppen zonder toegankelijke naam;
  • links zonder toegankelijke naam;
  • afbeeldingen zonder alt text;
  • frames zonder toegankelijke naam;
  • formuliervelden zonder gekoppelde labels.

Terug naar het Webwinkel onderzoek 2022

Volgende resultaat: About You

Vorige resultaat: Wehkamp