Gamma

Gamma

Onze bevindingen over de webwinkel van GAMMA

Logo Gamma

GAMMA

URL voorpagina: https://www.gamma.nl/
Datum van testen: 22 november 2023
Getest door: Amber Qualm

GAMMA heeft in 2023 een eindscore van 64%. In 2022 was de eindscore 83%. 

Bij GAMMA wordt er duidelijk aandacht besteed aan digitale toegankelijkheid. In 2022 scoorde GAMMA als nieuwkomer in ons onderzoek veel punten voor zowel toetsenbord- als schermlezer gebruikers. Anno november 2023 kunnen beide gebruikersgroepen nog steeds een bestelling plaatsen bij GAMMA, maar is de website in toegankelijkheid achteruit gegaan.

Het filtermenu in de zoekresultaten van de website kan met moeite worden gebruikt door schermlezer gebruikers, maar is onbruikbaar voor toetsenbord gebruikers. Dit komt door het ontbreken van visuele focus. De gebruiker kan niet zien welk filter geselecteerd zal worden. Met name bij producten met veel verschillende filteropties zorgt dit voor grote problemen. Om een product te kunnen selecteren uit de zoekresultaten, moet de toetsenbord gebruiker de volledige lijst met filteropties doortabben. Voor schermlezer gebruikers werkt dit een stuk beter, omdat zij op een andere manier door de pagina kunnen navigeren.

Voorspelbaarheid en consistentie zijn twee factoren die van uiterst belang zijn voor de toegankelijkheid van een website. Het is voor de gebruiker dan ook zeer verwarrend dat er bij verschillende producten, verschillende selectiemethoden gehanteerd worden voor hetzelfde product kenmerk. 

Na het kiezen van een andere afmeting, verandert de keuze voor een kleur naar een selectiemenu. Met name voor schermlezer gebruikers is dit zeer onverwacht en daarmee erg ontoegankelijk. Tevens hebben de keuze opties geen duidelijke labels.

Het toevoegen van een product aan het winkelwagentje verloopt, net zoals in 2022, soepel met zowel het toetsenbord als met hulp van de schermlezer. Knoppen hebben een duidelijke omschrijving en kunnen goed bestuurd worden. Anno november 2023 is er wel een foutmelding in het winkelwagentje aanwezig die voor verwarring zorgt. De melding “Controleer je winkelwagen. Er is mogelijk een product verwijderd of het aantal is veranderd.” verschijnt wanneer er geen aanpassing is gemaakt aan de inhoud van de winkelwagen. Ziende gebruikers kunnen zien dat er niets is aangepast, maar deze melding wordt ook uitgesproken voor schermlezer gebruikers. Dit doet af aan de toegankelijkheid van de winkelwagen.

Het proces om in te loggen werkte in 2022 al prima voor zowel toetsenbord- als schermlezer gebruikers, maar is nog verder verbeterd door de ‘Inlog’ knop visuele focus te geven. Het kiezen van een bezorgmoment is wel ingewikkelder geworden voor zowel toetsenbord- als schermlezer gebruikers.

De mogelijkheden om hulp te vragen op de website zijn voor schermlezer gebruikers zeer beperkt. De chatbox is niet toegankelijk en in het contactformulier wordt gebruik gemaakt van een CAPTCHA die zowel voor toetsenbord- als schermlezer gebruikers onmogelijk is om te voltooien.

Pluspunten

  • In het winkelwagentje worden de prijzen van de producten in euro’s uitgesproken.
  • De inlogknop in het hoofdmenu krijgt visuele focus. Dit was in 2022 niet het geval.

Minpunten

  • De tabvolgorde in het hoofdmenu klopt niet helemaal. 
  • Er wordt in het hoofdmenu geen onderscheid uitgesproken tussen items die direct naar een andere pagina leiden en items die een diepere laag van het submenu openen.
  • Het filtermenu is onbruikbaar door het ontbreken van visuele focus. Deze was in 2022 wel bruikbaar. 
  • Prijzen worden niet in euro’s benoemd. Bij producten in de aanbieding is het niet duidelijk welke prijs de aanbiedingsprijs is.
  • De methode van het selecteren van een kleur en afmeting is niet consistent en kan variëren per product.
  • In het winkelwagentje wordt een melding over veranderde inhoud uitgesproken / getoond, ook wanneer er niets veranderd is. Dit werkt verwarrend.
  • Er zijn meer knoppen met ontoegankelijke namen aanwezig in het aanmeldformulier dan in 2022.
  • Wanneer er nog een fout in het aanmeldingsformulier aanwezig is en het formulier wordt verstuurd, wordt er geen feedback gegeven aan de schermlezer gebruiker.
  • Door een niet werkende checkbox kan de toetsenbord gebruiker de bestelling niet op een ander adres laten afleveren.
  • Bij het kiezen van een bezorgmoment, is de toetsenbord besturing onverwacht.
  • Het contactformulier bevat een ontoegankelijke CAPTCHA, waardoor deze niet verstuurd kan worden.
  • De keuzeopties voor een onderwerp binnen de chatbox functionaliteit hebben geen toegankelijke namen, waardoor deze allemaal worden uitgesproken als “quick reply, button”.

Overige opvallende punten

  • Er worden goede suggesties gegeven wanneer de gebruiker bijvoorbeeld ‘gmail’ verkeerd zou schrijven. Dit is erg gebruiksvriendelijk voor toetsenbord gebruikers.

Kan ik de cookies accepteren en daarna de website gebruiken?

Testresultaten toetsenbord

Ja, maar wel pas nadat de hele website door getabt is. De cookie banner staat onderaan in de DOM. Dit is in 2022 ook aangegeven.

Testresultaten VoiceOver

Ja, maar wel pas nadat de hele website door getabt is. De cookie banner staat onderaan in de DOM. Dit is in 2022 ook aangegeven.

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Ja, maar de tabvolgorde klopt niet helemaal. Het item ‘Bouwmarkten’ krijgt focus na de zoekbalk, wat onverwacht is. Dit item zou namelijk als eerste focus moeten krijgen.

Screenshot van de header van de site van GAMMA.

De menu’s klappen verder allemaal netjes uit en zijn goed bedienbaar met het toetsenbord.

Testresultaten VoiceOver

Ja, maar de tabvolgorde klopt niet helemaal. Het item ‘Bouwmarkten’ krijgt focus na de zoekbalk, wat onverwacht is. Dit item zou namelijk als eerste focus moeten krijgen.

In het submenu van ‘Assortiment’ wordt geen onderscheid uitgesproken tussen items die direct doorlinken naar een bepaalde categorie en items waar eerst een nog diepere laag van het submenu opent. Wanneer je in deze diepere laag komt, wordt er niets uitgesproken.

Kan ik de zoekfunctie op de voorpagina gebruiken?

Testresultaten toetsenbord

Ja, dit gaat prima.

Testresultaten VoiceOver

Ja, dit gaat prima. Er wordt uitgesproken hoeveel zoeksuggesties er zijn, al wordt de uitspraak hiervan wel afgekapt wanneer je een volgende letter intoetst. De zoeksuggesties worden goed voorgelezen met een duidelijke indicatie dat deze klikbaar zijn.

Kan ik het filter bij de zoekresultaten gebruiken?

Testresultaten toetsenbord

Er is geen visuele focus zichtbaar bij het filtermenu. Het is wel te besturen, maar dit moet door te tellen. Dit is ook aangegeven in 2022. 

Zelfs met het testen met een additioneel hulpmiddel, de add-on Focus Finder, is er geen visuele focus te zien in de keuzeopties. Dit maakt het filtermenu onbruikbaar.

Testresultaten VoiceOver

Ja, maar dit kan duidelijker door aan te geven bij welk specifiek filter (bijvoorbeeld “Kleurfamilie” of “Type”) de keuzeopties horen. Dit is ook aangegeven in 2022. Na het selecteren van een keuze verspringt de focus naar het begin van de pagina en moet het navigatiemenu doorgetabt worden om weer bij de filters te komen. Dit werkt niet prettig. Het is wel mogelijk om via de rotor sneller bij de filters te komen, omdat deze headings hebben (weliswaar van het verkeerde level, maar ze zijn er).

Kan ik een item kiezen uit de zoekresultaten?

Testresultaten toetsenbord

Ja, er kan een item gekozen worden, maar dit gaat met heel veel moeite. Eerst moet de navigatie doorgetabt worden om bij het filtermenu te komen en dan moet het volledige filtermenu (waarvan de items geen visuele focus krijgen) ook nog doorgetabt worden. Bij een lang filtermenu met veel opties duurt dit lang. Dit is eerder aangegeven, dus bij het kiezen van een product houden we hier geen rekening mee voor de score.

Wanneer je de producten bereikt, krijgen deze wel netjes visuele focus en zijn deze ook gemakkelijk te kiezen. De knoppen om het product direct in het winkelmandje of aan favorieten toe te voegen zijn niet te bereiken met het toetsenbord (ook aangegeven in 2022). Het item opent tevens in een nieuwe tab, wat onverwacht is (ook aangegeven in 2022).

Testresultaten VoiceOver

Ja, productnamen worden duidelijk uitgesproken. De knoppen om het product direct in het winkelmandje of aan favorieten toe te voegen zijn niet te bereiken met het toetsenbord (ook aangegeven in 2022). Het item opent tevens in een nieuwe tab, wat onverwacht is (ook aangegeven in 2022).

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

Product regulier: Verfkwasten

Product aanbieding: Lattenwand

Testresultaten toetsenbord

Ja, de knop “In welke bouwmarkt te koop” is niet te bereiken met het toetsenbord. De afbeelding slider is ook niet te besturen. Dit is beide aangegeven in 2022.

Testresultaten VoiceOver

De prijs wordt onduidelijk uitgesproken en hier worden geen euro’s benoemd. De knop “In welke bouwmarkt te koop” is niet te bereiken. De kleine afbeeldingen in de slider hebben geen alt tekst (dit is ook aangegeven in 2022). Tevens wordt ook het aantal sterren bij de reviews niet uitgesproken, alleen hoeveel reviews er zijn.

Bij een aanbiedingsprijs is het helemaal moeilijk te ontcijferen welke van de genoemde prijzen de ‘echte’ prijs is. Eerst wordt de reguliere prijs genoemd, dan de aanbiedingsprijs en dan de prijs per pak (indien van toepassing). Bij geen van deze prijzen wordt aangegeven dat het om euro’s gaat.

Kan ik de opties wijzigen/ingeven (kleur, maat, aantal)?

Testresultaten toetsenbord

Het selecteren van een kleur lijkt per product anders te kunnen werken. Dit is verwarrend.

Screenshot van de variatieselectie die beschikbaar is op de productdetail pagina van GAMMA. Hierop zijn drie kleuren en drie afmetingen zichtbaar.

Dit was het start product waarmee getest is. Bij deze variant van de lattenwand kan ‘Kleur’ en ‘Afmeting’ gekozen worden via een button. Er kan slechts één button per keer gekozen worden. Na het kiezen van een button verandert namelijk direct de pagina en worden de dan relevante keuzeopties weergeven. Je kunt dus niet zowel ‘Kleur’ als ‘Afmeting’ direct aanpassen. Dit moet in twee stappen. Wat er dan gebeurt:

Screenshot van het aanpassen van de variaties van een product op de site van GAMMA. Hierbij is de radioselectie een select input geworden.

Na het aanpassen van de ‘Afmeting’, is dit het resultaat wat weergeven wordt. Er is een nieuw product geladen. Opeens moet de ‘Kleur’ nu via een andere methode gekozen worden. Dit is niet consistent en dus verwarrend.

Testresultaten VoiceOver

Ja, maar met moeite. De keuzeopties voor ‘Kleur’ en ‘Afmeting’ hebben geen duidelijke labels, waardoor het niet duidelijk is van welke keuze deze onderdeel zijn. Daarnaast worden de reeds geselecteerde waarden helemaal niet uitgesproken. Hetzelfde als bij het toetsenbord, is het zeer onverwacht dat de selectiemethode per product kan verschillen. Dit maakt dat de keuzeopties alleen met veel moeite gebruikt kunnen worden.

Het veld om het aantal te wijzigen heeft wel een duidelijk label.

Kan ik een artikel in het winkelwagentje stoppen?

Testresultaten toetsenbord

Ja, maar de “In winkelwagen” knop krijgt geen visuele focus. Dit maakt het lastig om het product toe te voegen aan het winkelwagentje. Er opent een modal met een bevestiging, maar ook deze krijgt geen focus, waardoor je in de achtergrond blijft tabben (ook aangegeven in 2022). Sluiten met de Esc toets kan wel.

Testresultaten VoiceOver

Ja, de button om het product toe te voegen aan het winkelwagentje heeft een duidelijk label. Na het toevoegen hoor je echter niet dat er een modal opent en er moet weer door de volledige achterliggende pagina getabt worden om dit wel te kunnen horen. Het is niet duidelijk dat het product aan de winkelwagen is toegevoegd (ook aangegeven in 2022).

Kan ik het winkelwagentje openen en uitlezen wat ik heb besteld?

Testresultaten toetsenbord

Ja, dit gaat prima met het toetsenbord. 

Er verschijnt echter wel een melding die voor verwarring kan zorgen. Wanneer je geen aanpassing doet aan het aantal van het product, je tabt hier dus gewoon door, verschijnt er een melding dat je winkelwagen gecontroleerd moet worden omdat er mogelijk een product verwijderd is of het aantal verminderd is. Aangezien we niets hebben aangepast, is het vreemd dat deze melding weergeven wordt. 

Screenshots van de winkelwagen van GAMMA. De visuele focus is hierbij erg lastig te zien voor elementen.

De visuele focus heeft een lichtgrijze kleur die moeilijk te zien is (ook aangegeven in 2022).

Testresultaten VoiceOver

De knoppen hebben een duidelijke omschrijving en kunnen gemakkelijk bestuurd worden (ook aangegeven in 2022). 

De melding dat er iets is veranderd in de winkelwagen wordt ook uitgesproken. Dat de foutmelding wordt uitgesproken is positief, maar de inhoud van deze foutmelding zorgt voor verwarring. Na het verlagen van het aantal in de winkelwagen, verplaatst de focus terug naar het begin van de pagina, waardoor je weer door het menu heen moet tabben om terug te komen bij het aantal.

In de winkelwagen wordt de prijs van het product wel in euro’s uitgesproken.

Kan ik een account aanmaken?

Testresultaten toetsenbord

Ja, dit gaat prima. Er worden goede suggesties gegeven wanneer je bijvoorbeeld ‘gmail’ verkeerd schrijft. Tevens wordt er direct een duidelijke foutmelding gegeven wanneer er een veld wordt overgeslagen.

Testresultaten VoiceOver

Ja, je kunt een account aanmaken. De foutmeldingen worden duidelijk uitgesproken (ook aangegeven in 2022). Tevens worden ook suggesties goed uitgesproken. 

In 2022 was er een knop aanwezig zonder toegankelijke naam. Er zijn nu meerdere knoppen in het formulier aanwezig die geen toegankelijke naam hebben. Dit gaat om het icoon om het wachtwoord te bekijken en om de checkboxes, die apart nog eens focus krijgen wanneer de checkbox inclusief de toelichting al focus heeft gehad.

De knop voor het accepteren van de voorwaarden voor een nieuw account is niet voorzien van een goed label.

Wanneer er nog een fout in het formulier zit en je op de “Maak een account aan” button drukt, wordt het formulier niet verzonden. Hier wordt geen feedback over gegeven. Er is ook geen makkelijke mogelijkheid om de foutmeldingen opnieuw af te laten spelen. De gebruiker zal de pagina moeten verversen en het formulier opnieuw (goed) moeten invullen om wel verder te komen in deze stap. 

Kan ik inloggen?

Testresultaten toetsenbord

Ja. Er opent een modal waar eerst het e-mailadres ingevuld moet worden. Er verschijnt een duidelijke foutmelding wanneer dit niet goed wordt gedaan. De visuele focus om de “Volgende” knop is aanwezig, maar zo laag in contrast dat deze bijna niet te zien is. Na het klikken op de “Volgende” knop, krijgt het veld om het wachtwoord in te voeren meteen focus. Dit werkt goed. Helaas krijgt het icoon voor het tonen van het wachtwoord geen visuele focus. Na het inloggen verschijnt er een duidelijke melding met “Je bent nu ingelogd”.

De inlogknop in het hoofdmenu krijgt visuele focus (dit was in 2022 niet zo).

Testresultaten VoiceOver

Ja. De foutmeldingen zijn duidelijk (in 2022 onduidelijk) en er wordt feedback gegeven dat je succesvol bent ingelogd. Wederom hebben de ‘toon wachtwoord’ iconen geen toegankelijke naam.

Kan ik een bezorgadres ingeven?

Testresultaten toetsenbord

Ja, ik kan een bezorgadres ingeven. Foutmeldingen zijn duidelijk. Er staat nog steeds niet aangegeven welke velden verplicht zijn (ook aangegeven in 2022). 

De checkbox om een ander bezorgadres in te geven, werkt niet. Deze krijgt visuele focus, maar kan niet geactiveerd worden. De gebruiker kan de bestelling dus niet op een ander adres laten afleveren.

Testresultaten VoiceOver

Ja, ik kan een bezorgadres ingeven. Foutmeldingen zijn duidelijk, maar wanneer er gewisseld wordt tussen velden met foutmeldingen om deze te corrigeren, wordt het lastig om te bepalen welke foutmelding bij welk veld hoort. Het is tevens ook nog steeds niet te horen welke velden verplicht zijn (ook aangegeven in 2022).

Het huisnummer veld wordt uitgesproken als een telefoonnummer veld. Tevens wordt er in de foutmelding gebruik gemaakt van een afkorting, namelijk ‘huisnr’ in plaats van ‘huisnummer’. Ook wordt er regelmatig aangegeven dat velden ‘misspelled’ zijn terwijl dit niet het geval is. Dit is verwarrend.

Ik kan er wel voor kiezen om een ander bezorgadres in te geven. De button van de checkbox krijgt wederom apart focus en heeft wederom geen toegankelijke naam.

Kan ik een bezorgmoment kiezen?

Testresultaten toetsenbord

Ja, ik kan een bezorgmoment kiezen. De manier waarop zorgt wel voor wat verwarring qua toetsenbordnavigatie. De opties hebben een radiobutton in de opmaak, waardoor je er vanuit gaat dat je met de pijltjestoetsen kunt wisselen tussen de verschillende opties. Dit is echter niet het geval, wat onverwacht is. Na wat zoekwerk naar de juiste toetsen om de module te bedienen, kan er een bezorgmoment gekozen worden.

Testresultaten VoiceOver

Ja, ik kan een bezorgmoment kiezen. Het wisselen tussen de verschillende bezorgopties werkt niet altijd even goed. De radiobuttons kunnen bestuurd worden met de pijltjestoetsen, maar soms verspringt de focus opeens naar een ander element buiten de radiobuttons. Dan moet je eerst terug tabben naar de radiobuttons om een andere keuze te kunnen maken. Wel wordt er duidelijk uitgesproken wat de kosten zijn die bij de bezorgoptie horen.

Met de schermlezer gaat het selecteren van een bezorgdatum an sich prima. Er wordt duidelijk uitgesproken dat er meerdere keuzes zijn en het navigeren met de pijltjestoetsen door de opties (radiobuttons) heen werkt goed. Er wordt echter niet uitgesproken welke radiobutton er geselecteerd is. Wat daarbij ook wat verwarrend werkt zijn de pijltjestoetsen. Deze hebben geen duidelijke naam, waardoor het niet duidelijk is of “Volgende” de volgende stap in het proces betekent of de volgende keuzeoptie.

Kan ik de wijze van betalen kiezen?

Testresultaten toetsenbord

Ja, maar de visuele focusrand om ‘Naar betalen’ is slecht te zien. De keuzes zien eruit als radiobuttons, maar worden niet zo bestuurd. Dit is onverwacht (ook aangegeven in 2022). 

Testresultaten VoiceOver

Ja, echter is de besturing vreemd. Het zijn vier losse radiobuttons. Als je er een selecteert klinkt het alsof je maar één keuze hebt. Als je doortabt kom je op de volgende opties uit. De bank selecteren gaat wel gemakkelijk (ook aangegeven in 2022). Er wordt na een keuze van een bank ook duidelijk uitgesproken welke bank er gekozen is.

Kan ik om hulp vragen via de website?

Chatbox en Contact zijn getest.

Testresultaten toetsenbord

Ja, via de chatbox kan om hulp gevraagd worden. Deze is prima met het toetsenbord te besturen. Daarnaast kan ook via de “Klantenservice” pagina om hulp gevraagd worden. Bijvoorbeeld door te kiezen voor “Telefonisch”. Er opent een nieuwe pagina (in een nieuw tabblad, minpuntje) vanuit waar het telefoonnummer gevonden kan worden.

Tevens is er ook een formulier wat ingevuld kan worden om contact op te nemen. Er wordt niet aangegeven welke velden verplicht zijn (ook benoemd in 2022), maar de foutmeldingen zijn wel duidelijk. Helaas is er aan het einde van het formulier gekozen voor een volledig ontoegankelijke CAPTCHA, waardoor het formulier niet verstuurd kan worden.

Echter zijn er genoeg alternatieven om hulp te vragen.

Testresultaten VoiceOver

De chatbox werkt helaas niet goed met een schermlezer. Het proces begint veelbelovend; berichten van de bot worden voorgelezen. Maar dan moet de gebruiker een keuze maken voor een onderwerp waar deze een vraag over heeft. Alle opties worden uitgesproken als “quick reply, button”. Er is geen mogelijkheid om een vraag te typen, dus er moet echt gekozen worden via de button. Dit maakt de chatbox onbruikbaar voor schermlezer gebruikers.

Op de contactpagina worden verschillende opties om contact te zoeken duidelijk uitgesproken (ook aangegeven in 2022). Het formulier werkt, maar niet alle velden worden juist uitgesproken. Er wordt niet aangegeven welke velden verplicht zijn (ook aangegeven in 2022). De ontoegankelijke CAPTCHA aan het einde van het formulier, maakt het onmogelijk om deze te versturen.

Omdat zowel de chatbox als het contactformulier niet gebruikt kan worden, zijn de mogelijkheden om om hulp te vragen (via de website zelf) erg beperkt. 

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.