About You
Onze bevindingen over de webwinkel van About You
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.
About You
About You heeft in 2022 een eindscore van 47%. Vorig jaar was de score 49%.
URL voorpagina: https://www.aboutyou.nl/
Datum van testen: 21 december 2022
Er is bij About You geen rekening gehouden met webtoegankelijkheid. Blokkades om te bestellen zijn: een account aanmaken, inloggen, een bezorgadres ingeven en een wijze van betalen kiezen. Er lijkt ten opzichte van vorig jaar niks veranderd te zijn.
De grootste problemen die wij tegenkwamen:
- veel knoppen en links hebben geen toegankelijke naam, veel afbeeldingen hebben geen alternatieve teksten;
- de website mist een goede koppenstructuur;
- grote delen van het inlog- en bestelsysteem zijn volledig ontoegankelijk.
Problemen per stap bij About You
Stap 2. kan ik het hoofdmenu gebruiken:
Er is geen visuele focus op de aanbiedingen en zoekfunctie. Submenu’s klappen niet open op toetsenbordfocus. Je kan de volgende knoppen niet met het toetsenbord besturen: Login, Verlanglijstje en Winkelwagen.
Stap 3. kan ik de zoekfunctie op de voorpagina gebruiken:
Toetsenbord: Het zoek-icoon krijgt geen visuele focus, maar met tabs tellen en gokken kan de knop bereikt worden. De suggesties zijn met de pijltjestoetsen te bereiken.
Daarna is het niet te zien hoe de zoekknop te bereiken, maar met op ‘Enter’ drukken lukt het ook.
VoiceOver: Het zoekicoon heeft geen naam (alleen knop), maar bij verder navigeren krijgt het invoerveld de focus. Het is zoeken en puzzelen.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Toetsenbord: De filters voor weergave, sortering, maat etc hebben geen visuele focus, dus je moet tellen waar je bent. Het is lastig dat de uitklapmenu’s voor de opties open blijven staan, daardoor is het onzichtbaar wat er bij sommige filters staat.
VoiceOver: Bij het kiezen van een item is er geen feedback over wat je precies hebt gekozen. De select weergave en sortering hebben geen label, bij het kiezen van de maat kun je niet terughoren wat je hebt gekozen.
Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
VoiceOver: Het H1-kopje staat helemaal onder het productinformatie, dit is verwarrend bij het navigeren naar de hoofdinhoud. Een schermlezer gebruiker verwacht dat onder het H1 kopje alle relevante informatie staat. Het is moeilijk om te horen welke informatie waarop betrekking heeft. Navigeren is moeilijk omdat een goede kopjesstructuur of meer context ontbreekt.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De kleur kan geselecteerd worden, maar de maat kan nooit gekozen worden.
Stap 9. kan ik het winkelwagentje openen en uitlezen wat ik heb besteld:
De knop “In winkelmandje” heet voor schermlezer gebruikers “[object Object]”. Hieruit is niet op te maken dat dit de winkelwagen knop betreft.
![Screenshot van een productpagina van About You. De "In winkelmandje" knop heeft focus. De schermlezer laat zien dat de knop "[ object Object], knop, group" opleest.](https://level-level.com/nl/wp-content/uploads/sites/2/2023/02/Screenshot-2023-02-21-at-00.39.10-1024x962.png)
Stap 10. kan ik naar bestellen:
Ook hier is de knop voor schermlezers kapot. In plaats van “Doorgaan naar de kassa”, hetgeen wat je visueel ziet, hoort de schermlezer “[object Object], knop”.
Stap 11. kan ik een account aanmaken:
Toetsenbord: Na ‘Nu bestellen en betalen’ komt er een modal op met inloggen. De optie registreren is grijs, het lijkt alsof je dat niet kunt gebruiken. De kleur geeft alleen aan dat deze optie niet is geselecteerd. De optie ‘registreren’ is onbereikbaar met het toetsenbord, alleen aanklikbaar met de muis.
Dit is een blocker om verder te bestellen met toetsenbord en schermlezer.
Stap 12. kan ik inloggen:
Inloggen kan alleen via het winkelmandje, niet via het hoofdmenu. Ook moet hier de hele pagina doorgetabt worden om in het modal te komen.
Stap 13. kan ik een bezorgadres ingeven:
Nee, alle visuele focus ontbreekt. Sommige formulierelementen zijn niet goed opgemaakt. Je kunt niet kiezen of je een man of een vrouw bent, je kunt geen ander land kiezen en je kunt niet kiezen of het factuuradres hetzelfde is als het bezorgadres.
Verder is het het kleurcontrast van de labels is erg laag.
Na het aanmaken van het adres opent een modal, de focus belandt hier nooit in, deze handeling kan dus niet afgemaakt worden.
Stap 16. kan ik een wijze van betalen kiezen:
Nee, je kunt de wijze van betalen niet aanpassen met het toetsenbord en de screen reader. Dit is niet met het toetsenbord aan te passen.
Vergelijking met vorig jaar
About You heeft bijna niet veranderd, ten opzichte van vorig jaar. Er zijn een paar kleine puntjes veranderd, maar de grote blockers blijven bestaan. Het hoofdmenu kan niet gebruikt worden, de opties van een product kunnen niet gewijzigd worden, er kan geen account aangemaakt worden, er kan geen bezorgadres ingevoerd worden en er kan geen betaalmethode gekozen worden. Het is kortom niet mogelijk om hier een bestelling te plaatsen als je geen muis kunt gebruiken.
Codekwaliteit About You
De ernstigste fouten die wij tegenkwamen:
- knoppen zonder toegankelijke naam;
- links zonder toegankelijke naam;
- onvoldoende kleurcontrast voor sommige teksten;
- afbeeldingen zonder alternatieve tekst;
- ARIA instructies zonder toegankelijke naam;
- formuliervelden zonder toegankelijke naam.
