HelloFresh
Onze bevindingen over de webwinkel van HelloFresh
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.
HelloFresh
URL voorpagina: https://www.hellofresh.nl/
Datum van testen: 4 oktober 2021
HelloFresh is een beetje een vreemde eend in de bijt voor dit onderzoek, de functionaliteit is veel beperkter. Zo ontbreekt de zoekfunctionaliteit en daardoor ook het filter en het kiezen van een item bij de zoekresultaten. Hierdoor scoort de website relatief iets hoger.
De grootste problemen die wij tegenkwamen:
- de volgorde of het ontbreken van de informatie op het scherm. Dit is ook voor de ziende muisgebruiker soms verwarrend. Wat is nu gekozen, hoe kan ik verder;
- bij formulieren ontbreekt feedback op foutmeldingen voor schermlezers en worden soms de verkeerde elementen gebruikt, waardoor invullen lastig is voor een toetsenbord- en schermlezer gebruiker;
- op de pagina tevredenheid staan een e-mailadres en postadres. Dit is de enige manier om hulp te vragen als je blind bent, al is het eigenlijk een klacht indienen.
Problemen per stap bij Hello Fresh
Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
Pas bij de tekst ‘Besteloverzicht’ is uit te lezen welke opties gekozen zijn maar het is onduidelijk wanneer je het type box kunt uitkiezen.
VoiceOver: Er is geen verschil in voorlezen van de prijs en de kortingsprijs.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
Pas bij de tekst ‘Besteloverzicht’ is uit te lezen welke opties zijn gekozen. Heel verwarrend is dat je de soort box kunt kiezen, maar dat je pas ziet dat je voor vegetarisch hebt gekozen bij het besteloverzicht. Dit is onverwacht en makkelijk te missen voor alle gebruikers.
Toetsenbord: De opties om het aantal personen en het aantal maaltijden per week te kiezen zijn knoppen. Je zou hier keuzerondjes verwachten. Maar er is wel een keuze te maken met het toetsenbord.
Voiceover: De opties om het aantal personen en het aantal maaltijden per week te kiezen zijn knoppen en die geven geen informatie over welke optie gekozen is. Pas bij de tekst ‘Besteloverzicht’ is uit te lezen welke opties er zijn gekozen.
Stap 11. kan ik een account aanmaken:
VoiceOver: Geen feedback voor schermlezers bij foutmeldingen. Geen goede labels bij het selecteren van telefoon, bezorgmoment en aanwijzingen voor de bezorger.
Stap 12. kan ik inloggen:
VoiceOver: Geen feedback voor schermlezers bij foutmeldingen.
Stap 14. kan ik een bezorgmoment kiezen:
VoiceOver: Met moeite, Geen feedback voor schermlezers bij foutmeldingen. Geen goede labels bij het selecteren van telefoon, bezorgmoment en aanwijzingen voor de bezorger.
Stap 16. kan ik een wijze van betalen kiezen
Toetsenbord: met moeite, het is lastig te zien hoe te kiezen, geen visuele focus en combinatie keuzerondjes en uitklap informatie. Bovendien zijn de knoppen die eruit zien als keuzerondjes lichtgrijs, waardoor het lijkt dat ze niet te selecteren zijn.
VoiceOver: Dezelfde moeilijkheden als bij toetsenbord. Bovendien is de keuze voor een bank lastig te begrijpen omdat de semantiek van de code niet klopt.
Dit zou een select met opties moeten zijn of keuzerondjes, maar geen link.
Stap 18. kan ik om hulp vragen:
VoiceOver: Chatbox werkt wel met toetsenbord, er is alleen geen audio feedback voor schermlezers.
Eigenlijk kun je alleen klagen. Op de pagina ‘tevredenheid’ staan een e-mail- en postadres. Dit is de enige manier om om hulp te vragen, al is het eigenlijk een klacht indienen.
Codekwaliteit HelloFresh
Totaal 32 van de 100 punten.
De ernstigste fouten die wij tegenkwamen:
- knoppen zonder toegankelijke naam;
- select elementen zonder toegankelijke naam;
- ARIA instructies zonder toegankelijke naam;
- ARIA formuliervelden zonder toegankelijke naam;
- onvoldoende kleurcontrast voor sommige teksten;
- afbeeldingen zonder alternatieve tekst.