Zalando

Zalando

Onze bevindingen over de webwinkel van Zalando

Logo Zalando

Zalando

URL voorpagina: https://www.zalando.nl/
Datum van testen: 06 november 2023
Getest door: Caitlin de Rooij

De website van Zalando is, vergeleken met vorig jaar, niet veel veranderd. Als toetsenbord gebruiker loop je nog steeds vast bij het accepteren van de cookies en bij het ingeven van het bezorgadres. Als schermlezer gebruiker kun je, net als vorig jaar, ook geen bezorgadres ingeven. Ook kan je met een schermlezer geen kleur of maat selecteren. Dit zijn cruciale punten van een webshop, waardoor Zalando eigenlijk voor mensen die hulp technologieën gebruiken om online te bestellen niet bij Zalando kunnen winkelen. 

  • Een positieve verandering is dat Zalando meer aandacht heeft besteed aan meldingen voor schermlezer gebruikers. Foutmeldingen bij formulieren zijn duidelijker en meldingen over veranderingen aan de winkelwagen worden duidelijk gemeld.
  • Net als vorig jaar is de besturing van de selectie dropdowns niet zoals gebruikelijk. Je moet als gebruiker gokken welke toetsen je moet gebruiken om een keuze te selecteren. In sommige gevallen is het zelfs helemaal niet mogelijk om een keuze te selecteren. 
  • Er zijn vrij veel knoppen en links te vinden die geen toegankelijke naam hebben. Dit is voor bestuurders die technologieën als een schermlezer of spraakbesturing gebruiken heel onhandig.

Kan ik de cookies accepteren en daarna de website gebruiken?

Testresultaten toetsenbord

De cookiebanner is aan het einde van de pagina te bereiken, de gehele site moet doorgetabd worden. De links krijgen geen visuele focus. Dit was vorig jaar ook het geval. 

In Firefox krijgen de drie knoppen onderaan helemaal geen toetsenbord focus. Hier kun je dus alleen cookies weigeren. 

Testresultaten VoiceOver

De cookiebanner is aan het einde van de pagina te bereiken. De cookies zijn in te stellen.

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Ja, maar het is onverwacht dat de pijltjestoetsen gebruikt moeten worden om de submenu items te gebruiken. Ook zijn er submenu items die focus krijgen waar geen tekst zichtbaar is. De uitklapper onder “Inloggen” moet met de pijltjestoetsen bestuurd worden, dit is onverwacht. Geen verandering t.o.v. vorig jaar.

Testresultaten VoiceOver

Er wordt niet uitgesproken dat er submenu items zijn. De submenu items hebben geen toegankelijke naam. Binnen het login menu kunnen de items bereikt worden met de pijltjestoetsen, dit is onverwacht en onduidelijk.

Kan ik de zoekfunctie op de voorpagina gebruiken?

Testresultaten toetsenbord

Met het toetsenbord kan ik geen keuze maken tussen “Alle” en “Pre-owned”. Verder werkt de zoekfunctie goed. De suggesties zijn te bereiken met de pijltjestoetsen en ik kan de zoekopdracht wissen met de wis knop. 

Testresultaten VoiceOver

Met de schermlezer hoor je duidelijk in welke categorie je zoekt, dat is heel netjes. 

Je moet terug tabben om een categorie te selecteren, dat weet je niet als je in het zoekveld bent en moet je toevallig achter komen. Je hoort ook niet dat er zoeksuggesties zijn.

Kan ik het filter bij de zoekresultaten gebruiken?

https://www.zalando.nl/dames/?q=dames+shirt

Testresultaten toetsenbord

Alle filters zien er uit als een select dropdown. Je verwacht dit met je toetsenbord te besturen door de opties met de spatiebalk te openen en met de pijltjestoetsen van keuze te wisselen. Dit werkt echter niet zo. Je moet de dropdown openen, vervolgens tabben om in de keuzes te komen en met de tabtoets een selectie maken. Het is zeer lastig om te besturen op deze manier, omdat je niet weet welke toets je wanneer moet gebruiken. Dit was in het onderzoek van vorig jaar ook het geval.

Bij het eerste filter “Sorteren” zijn niet alle keuzes te bereiken.

Testresultaten VoiceOver

Gebruik van de filters (behalve “sorteren”) werkt ook met VoiceOver, al is het soms puzzelen wat je hebt geselecteerd en hoe een select werkt. Als je een keuze selecteert moet je eerst alle andere keuzes door tabben om het filter toe te passen. Dit maakt het gebruik van het filtermenu vrij onhandig. 

Kan ik een item kiezen uit de zoekresultaten?

Testresultaten toetsenbord

Ja.

Testresultaten VoiceOver

Je hoort bij alle producten de naam van de afbeelding, maar niet de naam die er onder zichtbaar staat. Je hoort dus niet de merknaam of de prijs. De beschrijving van het artikel kan soms vrij simpel zijn, waardoor veel producten op elkaar lijken. Omdat de prijzen behoorlijk uiteen lopen is dit informatie die ik heel erg mis bij het selecteren. Dit was tijdens het onderzoek van vorig jaar ook het geval. 

Screenshot van de webwinkel van Zalando waarin het via de VoiceOver niet duidelijk is om welk product het gaat en welke prijs hier bij hoort.

Kan ik een product bekijken (titel, prijs en omschrijving)?

https://www.zalando.nl/zign-t-shirt-basic-black-zi121d03c-q11.html?size=36

Testresultaten toetsenbord

Ja. Je moet echter wel twee keer alle afbeeldingen door tabben om verder op de pagina te komen. 

Testresultaten VoiceOver

Ja. De koppenstructuur is echter zeer onhandig op deze pagina. Er wordt niet goed gebruik gemaakt van de koppen om de content te structureren. Het is dus een beetje zoeken om de prijs te kunnen lezen. 

Screenshot van de koppenstructuur van een productdetailpagina op Zalando, die laat zien dat de koppen niet op de juiste niveau's staan.

De prijs wordt wel duidelijk voorgelezen. De uitklappers waar meer informatie beschreven staat hebben een duidelijke naam en staat, hier kun je dus gemakkelijk meer informatie lezen.

Kan ik de opties wijzigen/ingeven (kleur, maat, aantal)?

Testresultaten toetsenbord

De kleur is makkelijk te selecteren. 

Bij het kiezen van de maat hebben we weer te maken met een select dropdown die anders bestuurd wordt dan we gewend zijn. 

Testresultaten VoiceOver

Het kiezen van een kleur is niet duidelijk. De selectie heeft een label, maar vervolgens hebben de keuzes geen naam. Het enige wat je hoort is “image, hyphen”. Je weet niet dat je te maken hebt met een donkerblauwe of witte optie. 

Screenshot van VoiceOver op de site van Zalando, waar de selectie van variaties niet goed kan voorlezen wat de geselecteerde variatie is.

Bij het kiezen van een maat kan je de opties openen. Daarna houdt alle informatie op en krijg je met een schermlezer niks meer te horen. Je weet niet dat je door maten heen aan het tabben bent en je weet ook niet wat je selecteert.

Je kunt dus niet weten welke kleur je kiest en welke maat je kiest. Dit maakt het vrij onmogelijk om kleren te kunnen kopen bij Zalando met een schermlezer. 

Kan ik het winkelwagentje openen en uitlezen wat ik heb besteld?

https://www.zalando.nl/cart

De skiplink werkt niet op deze pagina. Dit was vorig jaar ook het geval. 

Testresultaten toetsenbord

Er opent na het toevoegen van het product aan de winkelmand kort een pop-up, met mijn toetsenbord kan ik daar niet snel genoeg in komen. Ik moet via het hoofdmenu naar de winkelwagen toe. De werking hiervan is vreemd. Als ik op het winkelwagen icon kom wil ik door tabben naar de knop “Naar winkelwagen”. Als ik dat doe verspringt de focus naar het einde van de pagina en moet ik opnieuw beginnen. Ik moet op de winkelwagen knop zelf al op enter drukken. 

In de winkelwagen kan ik met het toetsenbord niet het aantal wijzigen van een bepaald product. Dit werkt met de muis wel goed. 

Testresultaten VoiceOver

Je hoort met de schermlezer dat er 1 item in de winkelwagen zit. De winkelmand zelf kun je ook goed uitlezen. Er staan duidelijke headings boven de belangrijke informatie.

Kan ik een account aanmaken?

Testresultaten toetsenbord

Alles werkt goed met het toetsenbord. De radiobutton “Waarin ben je het meest geïnteresseerd” krijgt geen visuele focus, maar dit is makkelijk te herleiden doordat de andere elementen wel een focus indicator krijgen. Dit was vorig jaar ook zo.

Testresultaten VoiceOver

De velden zijn allemaal duidelijk. Verplichte velden worden niet als verplicht zijnde aangegeven. Dit was vorig jaar ook het geval. 

De foutmeldingen zijn duidelijk.

Kan ik inloggen?

Testresultaten toetsenbord

Ja.

Testresultaten VoiceOver

Ja. Verplichte velden worden niet als verplicht aangegeven, echter is het duidelijk dat de twee velden bij een login nodig zijn. 

De foutmelding is duidelijk.

Kan ik een bezorgadres ingeven?

Testresultaten toetsenbord

Zodra ik het veld “eerste adresregel” in wil vullen worden er velden weggehaald, is de toetsenbordfocus weg en kan ik alleen een postcode invullen om een adres te zoeken. Als ik op postcode zoek opent er een nieuw veld “Kies je adres”. Hier staat de juiste straat, echter kan ik dit niet selecteren of een huisnummer opgeven. De link ‘Om uw adres handmatig in te vullen, klik hier” krijgt geen toetsenbordfocus, dus ik kan nergens mijn bezorgadres invullen.

Screenshot van de tab volgorde van het formulier:

Screenshot die de (verkeerde) tabvolgorde laat zien bij het selecteren van een bezorgadres in de webwinkel van Zalando.

Dit is onveranderd sinds vorig jaar.

Testresultaten VoiceOver

Eerder benoemde problemen gelden hier ook. Daarnaast wordt voor de screen reader niet vermeld welke velden verplicht zijn.

Dit is onveranderd sinds vorig jaar.

Kan ik een bezorgmoment kiezen?

Ik selecteer met mijn muis een bezorgadres om het onderzoek voort te kunnen zetten. De verzendmethode kan pas geselecteerd worden in stap 4, na de betaalmethode.

Testresultaten toetsenbord

De radio buttons krijgen geen visuele focus. Dit was vorig jaar ook het geval. Als ik van dag wil wisselen opent er telkens een modal met een advertentie voor Express levering. Als ik dit modal sluit eindig ik op het einde van de pagina en moet ik weer terug. Dan kan ik weer wisselen tussen bezorgmoment. Vervolgens opent het modal weer. Dit werkt erg vervelend. 

Testresultaten VoiceOver

De radio buttons hebben geen duidelijke labels. Ik hoor alleen “verzendmethode 1” en “verzendmethode 2”. Niet de datum, tijd en kosten. 

Screenshot van de verzendmethode keuze bij Zalando. VoiceOver kan niet goed voorlezen om welke verzendmethode het gaat, of wat het zal kosten.

Als ik een andere methode selecteer komt er ook een modal over het scherm, dit wordt niet duidelijk aangekondigd. De knop om de modal te sluiten heeft ook geen duidelijke naam. Dit is onveranderd sinds vorig jaar.

Kan ik de wijze van betalen kiezen?

Testresultaten toetsenbord

Er is geen visuele focus op de radio buttons. Je moet met wat gokken een betaalmethode selecteren. Als je iDEAL hebt gekozen moet je vervolgens met een dropdown een bank selecteren. Dit werkt niet zoals het hoort. Met gokken van toetsenbord combinaties kan je uiteindelijk een bank selecteren. Dit is onveranderd sinds vorig jaar.

Testresultaten VoiceOver

Met VoiceOver is het duidelijk wanneer ik welke betaalwijze kan kiezen. Ik kan echter geen andere bank kiezen in de dropdown dan de eerst beschikbare. Dit is onveranderd sinds vorig jaar.

Kan ik om hulp vragen via de website?

https://www.zalando.nl/faq/

https://www.zalando.nl/contact?show_missing_delivery=true&self_help_article_id=82056554&self_help_article_name=Wat%20is%20de%20levertijd?&self_help_article_category=Verzending%20&%20Levering

Testresultaten toetsenbord

Op elke pagina staat een duidelijke link “hulp nodig?” in de footer. De skiplink werkt niet op deze pagina’s.

Je moet eerst de veelgestelde vragen doorlopen om hulp te krijgen. De veelgestelde vragen krijgen geen visuele focus. 

Na het doorlopen kan ik een chat starten, bellen of e-mailen. 

Testresultaten VoiceOver

Om het telefoonnummer te horen moet je op de “bel ons” knop drukken. Vervolgens krijg je geen feedback te horen. Je moet op de gok door tabben om bij het telefoonnummer te komen. Hier zit een knop zonder naam tussen. 

Het contactformulier lijkt goed te werken.

Meer over het webwinkel toegankelijkheidsonderzoek 2023?

Lees de conclusie van het webwinkel toegankelijkheidsonderzoek 2023

Bekijk de resultaten van de andere webwinkels in de top 15

Lees meer over onze methodiek

Precies weten wat jij moet doen voor de European Accessibility Act?

In ons handboek ‘Bouwen aan een digitaal toegankelijke organisatie’ lees je exact wat je nodig hebt om klaar te zijn voor 2025.

Wetgeving en richtlijnen.
✓ Wat digitale toegankelijkheid je oplevert.
✓ Naar een toegankelijke organisatie in 6 stappen.
10 punten om direct actie op te ondernemen.

Naam(Vereist)
Hidden
Door het handboek aan te vragen ga je ermee akkoord dat Level Level je gegevens gebruikt om het handboek en informatie gerelateerd aan digitale toegankelijkheid toe te sturen. Ook ga je akkoord met de Algemene Voorwaarden en de Privacyverklaring van Level Level.