Bol

Bol

Onze bevindingen over de webwinkel van Bol

Logo Bol.com

Bol

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

Bol.com heeft een aantal verbeteringen doorgevoerd ten opzichte van vorig jaar. De website is over het algemeen te besturen met het toetsenbord en VoiceOver. Slechts één van de vragen kan met nee beantwoord worden; “kan ik om hulp vragen via de website”. Dit is met het toetsenbord niet mogelijk, met VoiceOver is dit zeer moeilijk uit te voeren. Alle andere vragen zijn met moeite, of prima uit te voeren met het toetsenbord en/of de screen reader. 

Bol.com heeft aandacht besteed aan de manier waarop de prijs weergegeven wordt. Dit is met een schermlezer gemakkelijk uit te lezen en op te zoeken op de pagina, doordat er een heading boven staat met een duidelijke naam. 

Ook is het ingeven van het bezorgadres beter geworden. Er zijn knoppen toegevoegd die de besturing van de bezorgkeuze makkelijker maken. 

Waar Bol.com veel aandacht aan heeft besteed is het gebruik van modals. Voorheen kreeg een modal nooit toetsenbord focus. De modal opende en vervolgens moest je als gebruiker de hele pagina door tabben voor je in het modal terechtkwam. Hierdoor duurde het heel lang voordat je bijvoorbeeld je winkelmandje kon bekijken. Dit jaar krijgen alle modals toetsenbord focus,. zodra ze geopend worden en hebben ze een duidelijk beschrijvende naam. 

Bol.com is er echter ook op achteruit gegaan, doordat de wijze van betalen lastiger is geworden. De knop om van bank te wisselen is in de code niet goed opgemaakt als knop. Met een schermlezer hoor je niet dat je de bank kunt veranderen. Je moet een geheel nieuwe betaalmethode toevoegen om een andere bank te kunnen gebruiken.

Ook is de codekwaliteit achteruit gegaan. Er zijn meer automatisch detecteerbare fouten gevonden en deze fouten wegen ook zwaarder. 

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Het hoofdmenu werkt grotendeels met het toetsenbord. De submenu’s klappen niet uit. De select om een taal te kiezen is geen select in de code, dus werkt de besturing onverwachts. Wel belandt de focus meteen in het modal, als je een andere taal wilt kiezen. Dat is een verbetering ten opzichte van vorig jaar.

Testresultaten VoiceOver

De submenu’s zijn niet te bereiken. De taalknop heeft t.o.v. vorig jaar wel een duidelijke naam gekregen.

Kan ik het filter bij de zoekresultaten gebruiken?

https://www.bol.com/nl/nl/s/?searchtext=keukenweegschaal

Testresultaten toetsenbord

Het filtermenu is deels te gebruiken. De uitgeklapte onderdelen kunnen gebruikt worden, de ingeklapte onderdelen zijn niet met het toetsenbord te openen. Ook worden de geselecteerde filters meteen toegepast, zonder daarvoor een “submit” knop voor geselecteerd te hebben. De toetsenbord focus verspringt dan weer bovenaan het filtermenu. Dit werkt, met name bij keuzerondjes, heel vervelend, omdat de pagina dus 4 keer ververst, voordat je bij de onderste optie bent. De gebruiker moet dan elke keer weer vanaf het begin terug tabben naar dit filter. 

Screenshot van de beoordelingsselectie door middel van sterren op de site van Bol

Testresultaten VoiceOver

Het filtermenu is zeer lastig te gebruiken met VoiceOver, vanwege eerder genoemde redenen. Met VoiceOver hoor je niet dat de pagina zich aanpast nadat je een optie hebt geselecteerd, dus weet je ook niet dat het filter meteen wordt toegepast. Sommige opties werken ook niet goed met VoiceOver, omdat ze geen goed toegankelijke naam hebben. Onder andere het filter “minimale beoordeling”. Elke optie wordt met VoiceOver uitgesproken als “of hoger, keuze x van 6”.

Screenshot van de beoordelingsselectie door middel van sterren op de site van Bol. Hierop is zichtbaar dat de VoiceOver van Safari de selectie niet goed kan uitspreken door het gebruik van bijzondere karakters.

Het filtermenu is dus met zeer veel moeite te gebruiken, echter is het makkelijker om hem niet te gebruiken.

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

https://www.bol.com/nl/nl/p/lekro-digitale-precisie-keukenweegschaal-weegschaal-keuken-1gr-15kg-tarra-functie-zwart/9300000016707946/?bltgh=hx9ezEg2RUeP3Z4dObNB1g.sho-a3WONJ1VKB9F8CRBHA_0_13.16.ProductTitle

Testresultaten toetsenbord

Ja, alleen is de afbeelding carousel niet te bedienen met het toetsenbord.

Testresultaten VoiceOver

Ja. Er zijn duidelijke headings toegevoegd, waardoor je makkelijk kunt navigeren naar een onderdeel, zoals de prijs. 

De knoppen in de carousel hebben geen toegankelijke naam, dus de werking hiervan is vrij onduidelijk.

Kan ik een artikel in het winkelwagentje stoppen?

Testresultaten toetsenbord

Ja. Er verschijnt een modal in beeld. Vorig jaar kreeg dit modal geen toetsenbordfocus, dit jaar wel.

Testresultaten VoiceOver

Ja. Doordat de focus in het modal verplaatst is er wat meer indicatie dat het toevoegen van het product is gelukt, echter is het fijner als dit ook wordt uitgesproken. Het lastige van de productpagina is dat er aanbevolen producten staan die ook een “In winkelwagen” knop hebben. Al deze knoppen heten hetzelfde. Er is dus geen duidelijke indicatie wat je in het winkelmandje stopt als je op de knop drukt. 

Kan ik een account aanmaken?

https://www.bol.com/nl/account/registreren

Testresultaten toetsenbord

Ja. De tabvolgorde klopt, vorig jaar was dat niet het geval. Je kunt nu ook een zakelijk account aanmaken. De landselectie werkt niet zoals een normale selectie dropdown werkt. De besturing hiervan is onduidelijk, met wat gokwerk kom je er uiteindelijk wel uit. 

Er wordt ook niet van tevoren aangegeven welke velden verplicht zijn.

Testresultaten VoiceOver

Het kiezen van een land is voor schermlezer gebruikers niet te doen. De knop hiervoor heeft geen duidelijke naam. De werking van de knop is ook onduidelijk en de opties hebben geen toegankelijke naam. Je hebt geen idee wat hier de bedoeling is. Dit was vorig jaar ook zo.

Screenshot van VoiceOver op Safari op de website van Bol. De tekst toont dat het niet duidelijk is wat de landselectie knop doet.
Screenshot van VoiceOver op Safari op de website van Bol. In dit geval heeft de knop van de landselectie helemaal geen benoemde tekst.

Bij het typen van het wachtwoord verschijnt op een bepaald punt de melding “Wachtwoord is ok”. Dit onderbreekt het typ proces, waardoor niet meer duidelijk is wat je wel en niet hebt ingevuld in dit veld. Je moet dus gokken dat je het goed hebt gedaan. 

De knop “wachtwoord bekijken” heeft geen toegankelijke naam. Met VoiceOver hoor je alleen “button”. 

De checkboxes van de nieuwsbrieven zijn niet gekoppeld aan de titel (legend) “Nieuwsbrief”. Je moet handmatig lezen wil je weten dat het hier om nieuwsbrieven gaat. 

Als je het formulier verzendt met fouten verplaatst de focus terug naar het foute veld. Je krijgt echter niet te horen wat er fout is. De foutmeldingen zijn niet altijd goed gelinkt aan het veld. 

Kan ik een bezorgadres ingeven?

https://www.bol.com/nl/nl/rnwy/checkout?ref=4026670717

Testresultaten toetsenbord

De tab volgorde van de bezorg keuze is onduidelijk. Je kunt alleen met de pijl een selectie maken. De opties zelf krijgen geen toetsenbordfocus. Als je een ander bezorgadres of afhaalpunt wilt selecteren werkt dit wel goed met het toetsenbord. Met een kleine omweg kom je er dus wel. 

Testresultaten VoiceOver

Met VoiceOver werkt dit duidelijker, omdat je hoort dat het een keuzerondje is. Je hoort dus ook duidelijk welke optie geselecteerd is. Als je een ander bezorgadres of afhaalpunt wilt selecteren werkt dit ook goed met VoiceOver. 

Kan ik een bezorgmoment kiezen?

Testresultaten toetsenbord

De toetsenbordfocus is enigszins onduidelijk omdat er bij de keuzes geen focus indicator aanwezig is. Met het gebruik van de “volgende” pijl werkt alles duidelijk.

Het kiezen van een tijd in de kalender is opgemaakt uit twee losse keuzerondjes. Hierdoor moet je met een andere toets dan je gewend bent een selectie maken, dit is vrij onverwacht.

Testresultaten VoiceOver

Met VoiceOver werkt dit goed. Het kiezen van een tijd is lastig, omdat je hoort dat er maar één keuze mogelijk is bij het keuzerondje. Als je verder tabt hoor je de andere optie pas. Hier is uit context te begrijpen welke geselecteerd is.

Kan ik de wijze van betalen kiezen?

Testresultaten toetsenbord

De wijze van betalen kan gekozen worden, echter is dit door middel van een (onzichtbaar) keuzerondje, waardoor een andere toets op het toetsenbord nodig is. Er is echter een vorige/volgende knop waarmee de keuze ook gemaakt kan worden.

Testresultaten VoiceOver

Ja. Er opent een modal, de focus belandt hierin en alles wordt netjes uitgesproken. Als er een bank is gekozen sluit het modal en verspringt de focus weer naar het begin van de pagina. Hierdoor hoor je niet of de bank nu geselecteerd is. Als je weer terug gaat naar de betaalmethode, hoor je dat de bank geselecteerd is. Er is echter een knop om de bank aan te passen binnen het keuzerondje. Met VoiceOver hoor je niks, ook niet “button”. Je weet dus niet hoe je de bank kunt aanpassen. Met een omweg kan je dit aanpassen, door weer een nieuwe betaalmethode toe te voegen. 

Kan ik om hulp vragen via de website?

https://www.bol.com/nl/nl/klantenservice/index.html

https://www.bol.com/nl/contactformulier

Testresultaten toetsenbord

In het hoofdmenu staat altijd “klantenservice”. Om hulp te krijgen moeten eerst de veelgestelde vragen doorlopen worden. 

Je wordt altijd teruggestuurd naar de chatbot. Er is geen mogelijkheid meer om een telefoonnummer of e-mailadres te achterhalen. 

Screenshot van de mogelijkheden om contact op te nemen op de site van Bol. Er staat dat het mogelijk is om te bellen, chatten of mailen.

Als de chatbot opent krijgt het geen toetsenbord focus. Je moet dus eerst de hele pagina door tabben om in de chatbox te komen. Als je via de chatbot vraagt om een andere manier van contact kun je kiezen tussen Mail en chat. De mail optie staat echter in een uitklapper die niet met het toetsenbord te openen is. Je kunt dus nooit de inhoud hiervan lezen. Chatten is dus de enige optie, echter krijgt dit ook geen toetsenbord focus. Je moet nu de hele chat afsluiten en opnieuw beginnen. Een live chat starten werkt niet. 

Screenshot die de interface van Billie, de chatbot van Bol laat zien. In het scherm zien we een korte voorbeeld conversatie.

Binnen de veelgestelde vragen zijn uitklappers die niet met het toetsenbord te openen zijn. Het is dus onmogelijk om met het toetsenbord contact te krijgen met de klantenservice.

Testresultaten VoiceOver

Als je met VoiceOver via de veelgestelde vragen bij “contact opnemen” uit komt opent de chatbot. Dit hoor je met VoiceOver niet. De focus belandt ook niet in de chatbot, dus als je door tabt weet je niet dat er iets op de pagina gebeurd is. Als je de pagina volledig door tabt kom je in de chatbot terecht. 

Als je eenmaal in de chatbox zit krijg je geen meldingen van nieuwe berichten. Door te kiezen voor een bepaalde optie opent een nieuw bericht, net als bij toetsenbordbesturing. Het mailformulier is met de screenreader wel te bereiken. De knop “Start live chat” doet niks als je op enter/spatiebalk drukt. Er kan dus geen livechat gestart worden. Ik kan dus alleen via het contactformulier wat ik op zeer lastige wijze via de chatbot heb gevonden contact opnemen.

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

Kan jouw website hulp gebruiken met digitale toegankelijkheid?

Of heb je vragen over de European Accessibility Act? Level Level bereidt je voor op de toekomst met optimaal toegankelijke websites.