Jumbo
Onze bevindingen over de webwinkel van Jumbo
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.
Jumbo
URL voorpagina: https://www.jumbo.com/
Datum van testen: 10 augustus 2021
Toegankelijkheid is geen onderdeel van de website. Bestellen met een toetsenbord of schermlezer is bij Jumbo onmogelijk. Veel functies worden in een popup modal afgehandeld die moeilijk te bedienen of te begrijpen zijn als je niet kunt zien.
De grootste problemen die wij tegenkwamen:
- er zijn veel essentiële knoppen en links zonder een toegankelijke naam;
- de uitschuif- en pop-up schermen zijn moeilijk te begrijpen als je het scherm niet kunt zien, omdat ook de toetsenbordfocus niet goed is afgehandeld en er geen goede kopjes worden gebruikt;
- het kiezen van een bezorgmoment is onmogelijk vanwege de manier waarop de code is geschreven.
Problemen per stap bij Jumbo
Stap 2. kan ik het hoofdmenu gebruiken:
Het uitklapmenu Mijn Jumbo werkt goed, alleen openen de submenu’s hiervan niet op toetsenbordfocus.
Met VoiceOver: ‘Mijn Winkel’ knop is een afbeelding zonder alternatieve tekst en de submenu’s zijn onbereikbaar.
Stap 3. kan ik de zoekfunctie op de voorpagina gebruiken:
Met VoiceOver: Het zoekveld wordt goed voorgelezen omdat er een placeholder is ondanks het ontbreken van het label. De knop om de selectie te wissen heeft geen naam en wordt voorlezen als link. Dit is verwarrend. De zoekknop zelf krijgt daarna focus en wordt goed voorgelezen.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Nee, de items van het filter krijgen geen toetsenbordfocus. Reden is dat de HTML-code bestaat uit divs en spans en niet uit echte formulierelementen zoals links en keuzevakjes. Als alternatief moet je alle getoonde producten doortabben.
De opties bij ‘sorteren’ boven de zoekresultaten zijn niet te bereiken met het toetsenbord.
Opties: De optie om een item toe te voegen is gecombineerd met het aantal ingeven. Dit wordt niet voorgelezen met VoiceOver en de schermlezer gebruiker krijgt geen informatie dat hier het aantal kan worden aangepast. Als er geen actie is wordt automatisch 1 item aan de winkelmand toegevoegd. Het is niet duidelijk hoe dit aantal te wijzigen op deze pagina.
Stap 9. kan ik het winkelwagentje openen en uitlezen wat ik heb besteld? Toetsenbord: tab terug naar het winkelmandje in het menu, klik op de knop. Er verschijnt een popup modal dat geen directe toetsenbordfocus krijgt. Pas na het doortabben van alle links op de pagina krijgt het modal focus.
Met VoiceOver: Het winkelmandje wordt voorgelezen als ‘Basket’. Na het aanklikken van de optie ‘Basket’ komt er een popup ‘Mandje’. Dit wordt niet uitgesproken. Ook is er geen kopje ‘Winkelmandje’ of iets dergelijks om naartoe te springen. Dit alles maakt het zo ingewikkeld dat het praktisch onmogelijk is te begrijpen als je het scherm niet kunt zien.
Stap 10. kan ik naar bestellen:
Met het toetsenbord: Ja, als je eenmaal in het uitschuif venster van het winkelmandje bent, is er een duidelijk knop: ‘Naar bestelling afronden’. Daarna volgt een tweede modal met ‘Heb je alles kunnen vinden’. Je moet door alle 20 aanbevelingen heen tabben (40 tabs) om bij de tweede ‘Naar bestelling afronden’ knop te gaan. Niet handig, maar het is mogelijk.
VoiceOver: De manier van aantal wijzigen is onbegrijpelijk. Er komt geen feedback over wat je aan het doen bent.
Ook hier krijgt het modal met de bestelknop geen focus. De knop om te bestellen komt echter wel bij de knoppenlijst. Dus in theorie kan iemand met een schermlezer verder, zolang het aantal niet hoeft te worden aangepast.
Stap 11 en 12. kan ik een account aanmaken en inloggen:
VoiceOver: Er is geen feedback over foutmeldingen in de formulieren.
Stap 13. kan ik een bezorgadres ingeven:
Ja, zolang je het eigen huisadres kiest.
Stap 14. kan ik een bezorgmoment kiezen:
De opties om een bezorgtijd te kiezen zijn niet bereikbaar via het toetsenbord, alleen via de muis. Ik kies een tijd met de muis. Er verschijnt een modal met de ‘Kies een Jumbo die jouw boodschappen bezorgt’. De focus blijft daar hangen, doortabben gaat niet (noch in Chrome noch in FireFox)
VoiceOver: De opties om een bezorgtijd te kiezen zijn niet bereikbaar via het toetsenbord en worden niet in de goede volgorde en relatie (tijd/beschikbaarheid/bedrag) voorgelezen. Ik kies een tijd met de muis.
Er verschijnt een modal met de ‘Kies een Jumbo die jouw boodschappen bezorgt’. De focus blijft daar ook hangen, doortabben gaat niet in Safari. Wel kan ik met de pijltjestoetsen in VoiceOver verder lezen en een winkel kiezen. Daarna kan ik de bestelling afronden.
Stap 18. kan ik om hulp vragen:
Opvallend is dat de pagina met het contactformulier als Engelstalig staat gedefinieerd in het HTML, wat resulteert in een Engelse stem die de Nederlandse tekst voorleest.
Codekwaliteit Jumbo
Totaal 35 van de 100 punten.
- knoppen zonder toegankelijke naam;
- links zonder toegankelijke naam;
- afbeeldingen zonder alternatieve tekst;
- frames zonder toegankelijke naam;
- onvoldoende kleurcontrast voor sommige teksten;
- formuliervelden zonder gekoppelde labels.
Reactie van Jumbo
Bij Jumbo willen we lekker en gezond eten makkelijk bereikbaar maken voor iedereen. Daarom werken we continu aan het optimaliseren van Jumbo.com zodat onze klanten ook online makkelijk en snel hun boodschappen kunnen doen. Hierbij kijken we ook naar het verbeteren van de toegankelijkheid van Jumbo.com.
We zijn ons ervan bewust dat we hierin nog wat stappen hebben te zetten. Door de online klantreis stap voor stap te optimaliseren, hebben we er vertrouwen in dat we met deze inzichten ook de toegankelijkheid kunnen verbeteren. Waarbij we uiteraard ook rekening houden met de regelgeving. Wij staan altijd open voor suggesties en feedback en zien dit onderzoek ook als waardevolle input voor het optimaliseren van onze website.