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.
Zalando
URL voorpagina: https://www.zalando.nl/
Datum van testen: 28 Juli 2021
De toegankelijkheid van de website lijkt wel in tweeën gedeeld.
Er is veel aandacht besteed aan toegankelijkheid in de webshop zelf. Het kleurcontrast van de tekst en de toetsenbord toegankelijkheid zijn over het algemeen goed. Er is aan schermlezer gebruikers gedacht, door het geven van extra informatie en context, al is dit niet overal op de juiste manier gedaan.
De functionaliteit om een account aan te maken en het ingeven van de informatie voor de bestelling geven veel problemen. Dit komt hoofdzakelijk door het verkeerd gebruik van HTML elementen, niet benoemen van aanklikbare afbeeldingen en het ontbreken van feedback voor schermlezers. Geen adres kunnen ingeven via het toetsenbord alleen, is de blocker om verder een betaling af te handelen.
De grootste problemen die wij tegenkwamen:
- de skiplink werkt niet overal consequent;
- 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.
Bij het eerste item van een submenu wordt alleen de titel van het SVG-plaatje (het icoontje) voorgelezen op focus. 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.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
De zogenaamde skiplink naar de hoofdinhoud werkt hier niet. Dit betekent dat men alle links boven en van het menu weer door moet tabben.
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, voor bijvoorbeeld de maat, 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. Dat is toch wel belangrijke informatie bij het maken van een keuze.
Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
Er is geen onderscheid tussen de sales prijs en de oude prijs. Er worden twee prijzen achter elkaar voorgelezen.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De selectie voor de maat ziet eruit als een dropdown select, maar het zijn keuzerondjes. Bij de keuze voor een andere kleur springt de toetsenbordfocus weer naar de bovenkant van de pagina. Dit is verwarrend bij de bediening met toetsenbord. De keuze voor de maat heeft geen gekoppeld label.
Stap 8. kan ik een artikel in het winkelwagentje stoppen:
Na klikken op de knop ‘Bestel Nu’ is er is geen feedback over dat het item in het mandje c.q. winkelwagentje is gestopt.
Stap 11 en 12. kan ik een account aanmaken en inloggen:
De toetsenbordfocus gaat direct naar het eerste invulveld. 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.
Stap 14. kan ik een bezorgmoment kiezen:
De keuzerondjes om een verzendmethode c.q. bezorgmoment te kiezen krijgen geen visuele focus.
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.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.
Codekwaliteit Zalando
Totaal 43 van de 100 punten.
De ernstigste fouten die wij tegenkwamen:
- onvoldoende kleurcontrast voor sommige teksten;
- SVG elementen zonder alternatieve tekst;
- knoppen zonder toegankelijke naam;
- frames zonder toegankelijke naam;
- formuliervelden zonder gekoppelde labels.