HEMA

HEMA

Onze bevindingen over de webwinkel van HEMA

Logo Hema

HEMA

URL voorpagina: https://www.hema.nl/
Datum van testen: 4 december 2023
Getest door: Amber Qualm

HEMA lijkt helaas nog steeds geen rekening te houden met digitale toegankelijkheid. Er is in de twee voorgaande onderzoeken in 2022 en 2021 gemeld dat HEMA een toegankelijkheidsfout heeft die de hele website onbruikbaar maakt voor toetsenbord gebruikers. Deze fout is relatief makkelijk op te lossen, middels 1 regel code in de CSS (styling). Echter, is ook dit jaar deze fout opnieuw gevonden. 

Dit jaar heeft HEMA helaas nog meer minpunten gekregen, omdat sommige elementen op de pagina helemaal niet meer met het toetsenbord te bereiken zijn. Het is dit jaar wederom niet mogelijk om een bestelling te kunnen plaatsen met het toetsenbord, of met VoiceOver. De betaalmethode kan alleen met een muis geselecteerd worden en de bestelknop is volledig onbereikbaar met het toetsenbord. 

De enige verbetering is dat het dit jaar wél mogelijk is om een account aan te maken als toetsenbord of schermlezer gebruiker.

Vergelijking vorig jaar

  • Het is voor toetsenbord- en schermlezergebruikers niet mogelijk om het hoofdmenu van de website te gebruiken. De essentiële ‘Categorieën’ knop (die nodig is voor het tonen van de productcategorieën) kan op geen enkele wijze uitgeklapt worden. Tevens ontbreekt er voor toetsenbord gebruikers visuele focus in het menu.
  • Het is voor toetsenbord gebruikers niet mogelijk om de zoekfunctie te gebruiken, omdat deze niet bereikt kan worden met het toetsenbord.
  • Het is voor toetsenbord- en schermlezergebruikers niet mogelijk om het filtermenu te gebruiken.
  • Het is dit jaar mogelijk om een account aan te maken voor zowel toetsenbord- als schermlezergebruikers.

Kan ik de cookies accepteren en daarna de website gebruiken?

Testresultaten toetsenbord

De cookiebanner staat in de DOM helemaal onderaan, ik moet de hele pagina door voor ik cookies kan accepteren. De elementen in de banner krijgen ook geen visuele focus, ik heb geen flauw idee wanneer ik in de banner terecht kom dus. (Overgenomen van 2022)

Testresultaten VoiceOver

De banner staat onderaan de pagina in de DOM, dus ik moet eerst zoeken waar de knoppen zitten. (Overgenomen van 2022)

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Nee, het hoofdmenu kan niet gebruikt worden. Items in het menu krijgen geen visuele focus, dus het is gissen waar de gebruiker zich bevindt in het menu. De tabvolgorde klopt ook niet helemaal. Wanneer we een extensie voor het vinden van de focus aanzetten, blijkt dat een essentieel onderdeel van het hoofdmenu (‘Categorieën’) op geen enkele wijze uitgeklapt kan worden. Dit maakt het hoofdmenu onbruikbaar. 

Testresultaten VoiceOver

Nee, het hoofdmenu kan niet gebruikt worden. De tabvolgorde klopt niet helemaal en de essentiële ‘Categorieën’ knop (die nodig is voor het tonen van de productcategorieën) kan niet uitgeklapt worden. Dit maakt het hoofdmenu onbruikbaar. 

Kan ik de zoekfunctie op de voorpagina gebruiken?

Testresultaten toetsenbord

Nee. Naast het ontbreken van visuele focus, blijkt het zoekveld helemaal niet te bereiken met het toetsenbord. Dit is extra gecontroleerd door een extensie voor het vinden van focus aan te zetten.

Testresultaten VoiceOver

Ja, maar alleen met moeite. Knoppen in het zoekformulier hebben geen toegankelijke namen (ook aangegeven in 2022).

Kan ik het filter bij de zoekresultaten gebruiken?

Testresultaten toetsenbord

Er is geen visuele focus aanwezig in het filtermenu. Na het aanzetten van een extensie voor het vinden van visuele focus, wordt deze zichtbaar in het filtermenu. Helaas zijn de filteropties zelf niet te bereiken met het toetsenbord. Dit maakt het filtermenu onbruikbaar.

Testresultaten VoiceOver

Nee, het filtermenu is niet te gebruiken. In eerste instantie krijgt alleen de ‘Maat’ optie focus en kunnen alleen de eerste twee items in het filter gekozen worden. Pas wanneer de ‘Maat’ handmatig gesloten wordt (er wordt tevens ook niet uitgesproken dat dit filter geopend is), kan de gebruiker door naar ‘Kleur’. Helaas kunnen hier ook  niet alle opties gekozen worden. 

Kan ik een item kiezen uit de zoekresultaten?

Testresultaten toetsenbord

De items in de zoekresultaten zijn niet te bereiken met het toetsenbord door een keyboard trap in het filtermenu op dezelfde pagina. We slaan de keyboard trap over, met de muis, om de stap verder te kunnen testen.

Er is geen visuele focus aanwezig in de zoekresultaten, wat het navigeren erg moeilijk maakt. Met een extensie voor het vinden van de focus, kunnen we een item kiezen uit de resultaten.

Testresultaten VoiceOver

Ja, maar met moeite als er geen gebruik gemaakt zou worden van de rotor. Met gebruik van de rotor zijn er duidelijke kopjes en links naar de producten. De prijs wordt in delen voorgelezen omdat deze in verschillende spans is opgemaakt. Dit maakt het moeilijker een keuze te maken (ook aangegeven in 2022). De extra informatie voor ziende gebruikers “nu met korting” wordt uitgesproken als een URL.

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

Product regulier: basic dames t-shirt zwart

Product aanbieding: trui voor volwassenen Takkie/Siepie nordic rood

Testresultaten toetsenbord

Nee, niet volledig. De ‘lees meer’ button bij de productomschrijving krijgt geen focus (getest met additionele extensie voor het vinden van focus) en kan hierdoor niet uitgeklapt worden. Overige uitklapmenu’s voor bijvoorbeeld ‘Materiaal & Behandeltips’ en ‘Details’ kunnen ook niet uitgeklapt worden.

Testresultaten VoiceOver

De leesvolgorde is heel raar, ik krijg eerst alle reviews te horen voor ik bij de prijs kom. Visueel is dit niet zo. Ik kan het ook niet goed onder het juiste kopje vinden. Ik kan uiteindelijk wel alles horen. (Overgenomen van 2022) De prijs wordt echter niet in euro’s uitgesproken en het is ook niet duidelijk welke prijs de aanbiedingsprijs is.

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

Testresultaten toetsenbord

Zonder visuele focus is dit zeer lastig. Ik kan de maten kiezen, het aantal aanpassen is heel moeilijk. (Overgenomen van 2022)

Testresultaten VoiceOver

De knoppen om een maat te selecteren zijn links, de besturing hiervan is dus niet helemaal duidelijk. De select om het aantal te wijzigen heeft geen label, de opties worden ook niet uitgesproken. Ik kan het aantal niet wijzigen. (Overgenomen van 2022)

Kan ik een artikel in het winkelwagentje stoppen?

Testresultaten toetsenbord

Ja, maar door het ontbreken van visuele focus kan dit alleen met moeite.

Testresultaten VoiceOver

Ja, maar de tekst die wordt uitgesproken bij de knop van het winkelwagentje is wel wat vreemd en verwarrend: “In winkelmandje, knop, kies hier de kleur en maat.” De gebruiker moet de kleur en maat namelijk al gekozen hebben voor deze bij de winkelwagen knop aankomt. 

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

Testresultaten toetsenbord

Na het toevoegen aan het winkelmandje opent er een modal, ik kom hier met het toetsenbord niet in terecht. Ik moet een stuk terug tabben wil ik in het modal komen. Zonder visuele focus is dit niet te doen. Ik kan geen items verwijderen. (Overgenomen van 2022) Met een extensie voor het vinden van visuele focus, is het wel mogelijk om het winkelmandje via de hoofdnavigatie te bereiken.

Testresultaten VoiceOver

Ik hoor niet dat het item is toegevoegd in mijn winkelmand, ik moet op de gok terug tabben om in het winkelwagentje modal te komen (overgenomen uit 2022). 

Via de hoofdnavigatie is het wel mogelijk om het winkelwagentje te openen en deze uit te lezen. De prijs wordt helaas niet in euro’s benoemd. 

Kan ik naar bestellen?

Testresultaten toetsenbord

Door het ontbreken van visuele focus is het erg moeilijk om de ‘ga verder’ knop in het bestelproces te vinden. Met de extensie voor het vinden van de focus gaat dit wel. Maar dit kan dus alleen met moeite.

Testresultaten VoiceOver

Ja, dit gaat prima.

Kan ik een account aanmaken?

Testresultaten toetsenbord

Ja, maar het is niet mogelijk om het “Hoe wil je aangesproken” veld te wijzigen. De standaard keuze optie is ‘neutraal’ en deze kan niet gewijzigd worden. Er worden foutmeldingen gegeven, maar deze zijn wel generiek. Wanneer het formulier met fouten verzonden wordt, wordt er bovenaan het formulier een melding gegeven dat sommige informatie niet goed is. Het is overigens niet mogelijk om je als toetsenbord gebruiker aan te melden voor de nieuwsbrief, omdat deze velden niet te bereiken zijn met het toetsenbord.

Testresultaten VoiceOver

Ja. Foutmeldingen worden niet uitgesproken. Tevens wordt het adres automatisch ingevuld op basis van postcode, maar hierover wordt ook niets uitgesproken en het adresveld krijgt geen focus. De gebruiker weet dus niet welk adres automatisch is ingevoerd. Na het versturen van het formulier met fouten, wordt er geen feedback gegeven. 

Kan ik inloggen?

Testresultaten toetsenbord

Ja, maar wederom alleen met moeite door het ontbreken van de visuele focus en het moeten gebruiken van een additionele add-on voor het vinden van deze focus. Foutmeldingen in het inlogformulier zijn ook generiek. 

Testresultaten VoiceOver

Ja, ik krijg foutmeldingen niet te horen. (Overgenomen uit 2022)

Kan ik een bezorgadres ingeven?

Testresultaten toetsenbord

De keuze voor afhalen en bezorgen is onbereikbaar voor een toetsenbord, omdat het input veld op visibility: hidden; staat in de CSS en dus verborgen is. (Overgenomen van 2022)

Testresultaten VoiceOver

Dezelfde problemen als toetsenbord. (Overgenomen van 2022) 

Een kleine verbetering is dat nu wel benoemd wordt wanneer invoervelden verplicht zijn wanneer we met de muis het formulier openen.

Kan ik een bezorgmoment kiezen?

Testresultaten toetsenbord

N.v.t.

Het kiezen van een bezorgmoment wordt niet aangeboden als functionaliteit. Daarom testen we het kiezen van een afhaallocatie. Deze optie hebben we moeten selecteren met de muis vanwege het ontbreken van focus op dit element.

Het is niet mogelijk om een afhaallocatie te kiezen, omdat alleen de “toon details” knop focus krijgt. Hiermee kun je alleen informatie zien, niet de locatie selecteren.

Testresultaten VoiceOver

N.v.t.

Het is niet mogelijk om een afhaallocatie te kiezen. De keuzeopties worden uitgesproken als keuzerondjes. Wanneer er met de pijltjestoetsen naar de volgende keuze genavigeerd wordt, laadt deze meteen dynamisch en sluit het modal. De andere keuzeopties zijn dus niet te bereiken. Via links navigeren gaat ook niet, omdat alleen de “toon details” knop focus krijgt. Hiermee kun je alleen informatie tonen over de winkel, niet de winkel selecteren. 

Kan ik de wijze van betalen kiezen?

Testresultaten toetsenbord

Nee, de betaalopties zijn niet met het toetsenbord te bereiken. (Overgenomen uit 2022) Na verder onderzoek blijkt dat de opties wel te bereiken zijn op FireFox, maar dat de besturing zo onverwacht is dat deze ‘oplossing’ buiten beschouwing gelaten kan worden.

Testresultaten VoiceOver

Ja, ik kan een wijze van betalen kiezen. De betaalopties zijn te bereiken en ik kan ook een bank selecteren.

Kan ik op de bestelknop drukken om te betalen of te bestellen?

Testresultaten toetsenbord

De keuzeopties kunnen niet bereikt worden met het toetsenbord. Als we met de muis verder gaan en we kiezen een bank met het toetsenbord bij iDeal, kan de bestelknop nog steeds niet geselecteerd worden. Dit kan alleen wanneer er met de muis een keuze wordt gemaakt (ook aangegeven in 2022).

Testresultaten VoiceOver

Nee, na het kiezen van een bank met het toetsenbord bij iDeal kan de bestelknop niet geselecteerd worden. Dit kan alleen wanneer er met de muis een keuze wordt gemaakt (ook aangegeven in 2022). Er kan wel betaald worden met PayPal of met een cadeaukaart.

Kan ik om hulp vragen via de website?

Testresultaten toetsenbord

Tijdens het bestellen staat op elke pagina rechts de informatie voor de klantenservice. De informatie op de website zelf is  ontoegankelijk.
De uitklap accordeons op de subpagina’s zijn niet te openen met een toetsenbord. (Overgenomen van 2022) Er is geen visuele focus aanwezig op de klantenservice pagina. Deze is alleen zichtbaar met een add-on voor het vinden van de focus. 

Er ontstaat een toetsenbord blokkade op de klantenservice pagina, in het menu waarin de gebruiker een onderwerp kan kiezen. Hierdoor zijn verschillende opties om daadwerkelijk direct contact op te nemen niet te bereiken met het toetsenbord.

Er is ook een chat beschikbaar, maar deze functionaliteit is ook niet te bereiken met het toetsenbord. 

Testresultaten VoiceOver

De afbeeldingen onder het kopje “Waar ben je naar op zoek” hebben geen alt tekst dus die links zijn niet te begrijpen voor schermlezers. . De informatie op de website zelf is ontoegankelijk. Specifieke vragen zijn niet goed op te zoeken op de website. (Overgenomen van 2022)

Er is ook een chat beschikbaar, maar deze functionaliteit is niet te bereiken met het toetsenbord en dus ook niet met de schermlezer. Wel kan via de rotor het telefoonnummer gevonden worden.

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.