Coolblue

Coolblue

Onze bevindingen over de webwinkel van Coolblue

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 Coolblue

Coolblue

Coolblue heeft in 2022 een eindscore van 75%. Vorig jaar was de score 72%.

URL voorpagina: https://www.coolblue.nl/
Datum van testen: 10 Augustus 2022

Bij Coolblue is het duidelijk dat er aandacht is besteed aan toegankelijkheid. Het algemene gebruik van de website is goed te doen met het toetsenbord en/of de screen reader.

Het bestellen is echter een stuk minder toegankelijk, dit kan veel tijd en moeite kosten.

De grootste problemen die wij tegenkwamen:

  • het is met een toetsenbord onmogelijk een optie te kiezen bij een product (bijvoorbeeld de maat van het product);
  • de toegankelijkheid voor schermlezers is niet goed genoeg. Informatie ontbreekt of wordt niet goed voorgelezen. De website is waarschijnlijk niet goed doorgetest met gebruik van een schermlezer;
  • de blauwe kleur van Coolblue is te licht om voor normale tekst te gebruiken tegen een witte achtergrond;
  • de toetsenbordfocus en gebruiksvriendelijkheid voor pop-up modals en tooltips kunnen verbeterd worden.

Problemen per stap bij Coolblue

Stap 2. kan ik het hoofdmenu gebruiken:

Met een screen reader is niet duidelijk dat de menu’s kunnen uitklappen en hier nog meer menu items te vinden zijn.

Stap 4. Kan ik het filter bij de zoekresultaten gebruiken?

Bij het gebruik van het filtermenu verspringt de toetsenbordfocus naar het eerste product. Om meerdere filters te selecteren moet constant terug getabt worden naar de filters. Ook hebben sommige filtervelden geen duidelijke naam, zoals bijvoorbeeld “Reviewscore”.

Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
De maat is niet te wijzigen met enkel een toetsenbord, omdat de keuze voor de maat geen toetsenbordfocus krijgt. Bij het kiezen van bijvoorbeeld een kleuruitvoering herlaad de pagina meteen als de selectie toetsenbordfocus krijgt. Als er dus meer dan 2 opties zijn kunnen deze opties nooit gekozen worden met het toetsenbord.

Stap 12. Kan ik inloggen:

De screen reader krijgt geen informatie over validatiefouten als het inloggen niet is gelukt.

Stap 14. kan ik een bezorgmoment kiezen:
De toetsenbordnavigatie bij de pagina bezorging en betaalwijze is lastig. Er zijn keuzerondjes binnen keuzerondjes, waardoor het onlogisch wisselen is van een tabtoets naar de pijltjestoetsen. Het vergt wat uitproberen en trial-and-error om de opties goed te krijgen. 

Stap 16. Kan ik de wijze van betalen kiezen:

De wijze van betalen kan gekozen worden, echter is dit door middel van een (onzichtbaar) keuzerondje, waardoor de besturing onduidelijk is voor toetsenbord gebruikers.

Vergelijking met vorig jaar

Er is een aantal zaken verbeterd bij Coolblue. Vorig jaar was het met een screen reader lastig om een product vanuit de zoekresultaten toe te voegen aan de winkelmand, doordat knoppen geen goede naam hadden. Dit jaar is hier aandacht aan besteed en hebben alle knoppen een duidelijke naam.

Screenshot van alle knoppen van de zoekresultatenpagina van Coolblue in 2021. Er zijn veel knoppen met dezelfde naam, zoals 5 knoppen met de naam "Nog sneller op te halen in 6 winkels". Daarnaast zijn er 7 knoppen zonder naam.
De knopnamen van de zoekresultaten in 2021
Screenshot van alle knoppen van de zoekresultatenpagina van Coolblue in 2022. Alle knoppen hebben een unieke en beschrijvende naam, doordat het product in de naam staat.
De knopnamen van de zoekresultaten in 2022

Bij het aanmaken van een account hebben er ook verbeteringen plaatsgevonden. Zo zijn bijvoorbeeld ontoegankelijke tooltips weggehaald. Bij het fout invullen van het registratieformulier is een nieuw validatieoverzicht te zien, met daarin links naar alle foute velden. Dit is heel handig voor de gebruiker.

Helaas zijn er op andere plekken formulieren die dit validatieoverzicht niet krijgen. De validatie fouten zijn bijvoorbeeld bij het inloggen en het ingeven van het bezorgadres voor een screen reader gebruiker niet duidelijk te horen.

Om hulp vragen via de website is dit jaar ook verbeterd. Er staat op veel logische plekken een link naar de klantenservice. Om hulp te krijgen moeten eerst de veelgestelde vragen doorlopen worden, dat is dit jaar ook met het toetsenbord mogelijk. De chatbot is niet toegankelijk, echter zijn er genoeg alternatieven.

Codekwaliteit

De ernstigste fouten die wij tegenkwamen:

  • onvoldoende kleurcontrast voor sommige teksten;
  • geneste interactieve elementen;
  • knoppen zonder toegankelijke naam;
  • links zonder toegankelijke naam;
  • formuliervelden met dubbele labels.

Terug naar het Webwinkel onderzoek 2022

Volgende resultaat: De Bijenkorf

Vorige resultaat: Bol.com