HelloFresh

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.

Logo HelloFresh

HelloFresh

HelloFresh heeft in 2022 een eindscore van 73%. Vorig jaar was de score 70%.

URL voorpagina: https://www.hellofresh.nl/
Datum van testen: 5 oktober 2022

Bij HelloFresh is 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 de meeste formulieren ontbreekt feedback op foutmeldingen voor schermlezers en worden soms de verkeerde elementen gebruikt, waardoor invullen lastig is voor een toetsenbord- en schermlezer gebruiker;
  • met een schermlezer kan je geen contact opnemen met de klantenservice van HelloFresh.

Problemen per stap bij Hello Fresh

Stap 2. Kan ik het hoofdmenu gebruiken?

Geen van de menu items onder “Mijn account” kunnen geopend worden met het toetsenbord.

Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
Als je met de schermlezer in het weekmenu kijk hoor je niet welke recepten al geselecteerd zijn. Hiervoor moet je de box knop openen. Er staat ook onder elk gerecht een checkbox zonder label, de werking hiervan is onduidelijk.

Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
Toetsenbord: De opties om het aantal personen en het aantal maaltijden per week te kiezen zijn knoppen. Je zou hier keuzerondjes verwachten.
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 met een screen reader. Pas bij de tekst ‘Besteloverzicht’ is uit te lezen welke opties er zijn gekozen. 

Stap 11. kan ik een account aanmaken:
Er is geen feedback voor schermlezers bij foutmeldingen. Ook zijn er geen goede labels bij het selecteren van telefoon, bezorgmoment en aanwijzingen voor de bezorger. 

Stap 14. kan ik een bezorgmoment kiezen:
Er is geen feedback voor schermlezers bij foutmeldingen. Er zijn geen goede labels bij het selecteren van telefoon, bezorgmoment en aanwijzingen voor de bezorger.

Stap 16. kan ik een wijze van betalen kiezen
De betaalopties krijgen geen visuele focus. Het is dus lastig te achterhalen wat je selecteert.
Bovendien is de keuze voor een bank voor schermlezer gebruikers lastig te begrijpen, omdat de semantiek van de code niet klopt.
Dit zou een select met opties moeten zijn of keuzerondjes, maar geen link. Er is nu niet duidelijk welke methode geselecteerd is.

De betaalmethodes van HelloFresh; iDEAL, creditcard, PayPal of Klarna. Links van elke optie staat een grijs rondje met een vinkje erin, wat lijkt op een keuzerondje.
HelloFresh: Weergave van het kiezen van de betaalwijze.

Stap 18. kan ik om hulp vragen:

Ik kan, eenmaal ingelogd, de subitems in het uitklapmenu niet openen. Het menu klapt wel uit, maar de knoppen zijn niet bereikbaar. Ik kan dus niet op de contactpagina komen. Ik kan deze link nog in de footer vinden.

Ik kan op de contactpagina alleen contact zoeken via een chatbox. Dit werkt wel met het toetsenbord, niet met een schermlezer. Deze gebruikers kunnen geen contact opnemen met de klantenservice.

Vergelijking met vorig jaar

HelloFresh is licht gestegen in de eindscore. Bij het inloggen krijg je dit jaar met een schermlezer auditieve feedback over foutmeldingen in het formulier. Bij de overige formulieren helaas nog niet. Verder lijkt er dit jaar niks veranderd, ten opzichte van vorig jaar.

Codekwaliteit HelloFresh

Totaal 50 van de 100 punten.

De ernstigste fouten die wij tegenkwamen:

  • knoppen zonder toegankelijke naam;
  • ARIA instructies zonder toegankelijke naam;
  • ARIA formuliervelden zonder toegankelijke naam;
  • onvoldoende kleurcontrast voor sommige teksten;
  • afbeeldingen zonder alternatieve tekst;
  • formulierelementen zonder gekoppelde labels;
  • links zonder toegankelijke naam;
  • frames zonder toegankelijke naam.

Terug naar het Webwinkel onderzoek 2022

Volgende resultaat: Hema

Vorige resultaat: Gamma