IKEA

IKEA

Onze bevindingen over de webwinkel van IKEA

Logo Ikea

IKEA

URL voorpagina: https://www.ikea.com/nl/nl/
Datum van testen: 19-22 oktober 2021

Er is duidelijk aandacht besteed aan webtoegankelijkheid, maar zonder echt goed te testen. Op cruciale momenten werkt de site gewoon niet goed. Ook zijn de constructies met popup- en uitschuifvensters zo complex, dat het moeilijk te begrijpen is als je niet ziet wat er gebeurd op het scherm. 

Blockers zijn het aanmaken van een account en het kiezen van een betaalwijze.

De ernstigste problemen die wij tegenkwamen:

  • het account aanmaken is enorm ingewikkeld, ook voor de ziende muisgebruiker;
  • veel popup- en uitschuifvensters staan aan het einde van de code, waardoor de toestenbord gebruiker veel tijd kwijt is om daar te komen;
  • de opties in het filter werken onverwacht en het is alleen mogelijk een optie te sluiten met de Escape toets.

Problemen per stap bij IKEA

Stap 2. kan ik het hoofdmenu gebruiken:
De drie links bovenin naar bezorging, bestellen en ophalen en de klantenservice krijgen geen visuele focus. Het responsive ‘hamburger’ menu werkt goed, alleen sluit het niet als je uit het menu tabt. Het zou beter zijn als je binnen het submenu weer naar de terugknop tabt aan het einde. Dat gaat wel goed bij de optie ‘Zoek met behulp van een foto’.
Het modal voor inloggen krijgt geen toetsenbordfocus en staat helemaal aan het einde van de code.

VoiceOver: Je kunt met de ‘Terug’ knop het menu wel sluiten, maar als je het scherm niet kunt zien is die knop waarschijnlijk moeilijk te ontdekken.

IKEA: Weergave van een submenu van het hoofdmenu.


Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
Toetsenbord:  Lastig, het is een puzzeltje. Het sluiten van de dropdowns kan alleen met de escape toets, wat onverwacht is.
‘Sorteren op’- opties zijn keuzerondjes, je kunt met de pijltjes een keuze maken, maar dan kun je er via een tab niet uit.
‘Kleur’, de opties lijken keuzerondjes maar zijn knoppen, dus met enter of spatiebalk te activeren in plaats van met de pijltjes.
‘Categorie’ opent een extra modal met subcategorieën, het is even zoeken hoe dat werkt.
‘Best beoordeeld’ zijn weer keuzevakjes, die goed werken.

VoiceOver: Het kopje ‘filter search results’ is niet in net Nederlands vertaald. Maar heel fijn dat deze er is.
Bij elke bewerking wordt steeds uitgesproken wat de zoekresultaten zijn.
Dit is heel veel informatie, alleen het aantal zoekresultaten zou fijner geweest zijn. Door de auditieve overload is het lastig navigeren. Ook is de constructie van een categorie kiezen alleen duidelijk als je kunt zien.

Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
VoiceOver: De keuze select voor het aantal heeft geen label (ook visueel niet)
Voor de rest wordt alles goed voorgelezen

Stap 8. kan ik een artikel in het winkelwagentje stoppen:
VoiceOver: Het kan als je de leesvolgorde volgt. Maar er zijn veel links met dezelfde naam, waardoor deze met VoiceOver niet, buiten individuele context, te begrijpen zijn. Zoals ‘Voeg toe aan winkelwagen’ en ‘Bewaar op boodschappenlijstje’. Je kunt aan de knop niet aflezen wat je in het winkelwagentje stopt.

IKEA: Weergave van de VoiceOver knoppenlijst op een productpagina.

Stap 11. kan ik een account aanmaken:
Bestellen met een account hoeft niet, maar we maken er één aan om de vergelijking goed te kunnen maken.

Toetsenbord:  Op deze pagina is er geen visuele focus.
Je navigeert eerst door het inlogformulier (inclusief foutmeldingen) om bij de link voor het aanmaken van het account te komen. Het is tellen wanneer die link toetsenbordfocus krijgt.
Het keuzerondje voor de keuze voor IKEA family en het land zijn niet te bereiken met toetsenbord. De gebruiker is dus ‘verplicht’ lid te worden.

Het invullen van de landcode bij het mobiele telefoonnummer kan niet met het toetsenbord.

‘Voorkeurswinkel’ staat als niet verplicht, maar verhindert wel het versturen. Ook heeft dit veld een onduidelijke foutmelding.

IKEA: Weergave van de foutmelding bij het niet kiezen van een voorkeurswinkel.

Alleen bezoekers uit Nederland die IKEA family lid willen worden kunnen een account aanmaken.

Eenmaal op het modal voor het invoeren staat de keyboard focus vast, je kunt alleen het venster verlaten met de Escape toets. Het venster is dan gesloten. Als je de verificatiecode wilt invoeren die per e-mail is gekomen, is het venster dus weg en je zult weer op de knop verificatiecode moeten drukken. Er wordt dan weer een  nieuwe code verzonden. Al met al een heel onoverzichtelijke klus voor een toetsenbord gebruiker. En je hebt maar 5 minuten voordat de verificatiecode verloopt. Bij het invoeren van een foute code komt de foutmelding: error: OPE expired.

Dit alles vereist zoveel uitzoekwerk dat dit voor een gemiddelde gebruiker bijzonder moeilijk is.

VoiceOver: Het is niet echt duidelijk of je op een formulier ben om een account aan te maken of om in te loggen.
De optie om een account aan te maken staat helemaal onderaan de pagina en is een knop: ‘Ik koop voor mijn huis’. Dat had duidelijker van structuur kunnen zijn.
De velden om de code in te voeren die bij de e-mail zijn opgegeven hebben geen goed label. 

IKEA: Weergave van de labels bij de formuliervelden bij het invullen van een code om het account aan te maken.

De manier om een verificatiecode in te voeren is niet te begrijpen of uit te voeren zonder hulp. Dit alles vereist zoveel uitzoekwerk dat dit voor een schermlezer bijzonder moeilijk is om dit zelfstandig uit te voeren.

Stap 12. kan ik inloggen:
Toetsenbord:  Via het hoofdmenu. Het modal krijgt geen toetsenbordfocus en staat helemaal onderaan in de code. 

VoiceOver: Er staat gelukkig een link in de footer met ‘Log in’. Verder hetzelfde verhaal als bij toestenbord. Al is het veel lastiger te ontdekken hoe bij het inlog-modal te komen.

Stap 13. kan ik een bezorgadres ingeven:
Toetsenbord:  ja, maar alleen in Nederland (zie account aanmaken).
Hoe de postcode te wijzigen met het toetsenbord is onduidelijk. Maar we gaan uit van het eigen huisadres.

VoiceOver: Nergens wordt aangegeven of een veld verplicht is. De labels bij de adresgegevens zijn niet vertaald. Je hoort nu bijvoorbeeld: ‘address_firstname’ in plaats van ‘Voornaam’.
De knop ‘bewerken’ slaat op de postcode bewerken, dat is niet duidelijk.
Er is geen feedback over foutmeldingen.

IKEA: Weergave van de labels bij de formuliervelden in VoiceOver bij het invullen van een bezorgadres.


Stap 14. kan ik een bezorgmoment kiezen:
VoiceOver: ja, al wordt er niet goed voorgelezen hoe het gekozen moment ook echt te kiezen. De knop zegt alleen de datum en de tijd maar niet de actie: ‘kies dit bestelmoment’.

Stap 16. kan ik een wijze van betalen kiezen:
Toetsenbord: Nee, de keuzerondjes voor de betaalwijze krijgen geen toetsenbordfocus. Er staat tabindex=-1 in de code, wat toetsenbordfocus verhinderd. Dit is een blocker om verder te bestellen.

Stap 18. kan ik om hulp vragen:
De chatbox krijgt geen toetsenbordfocus. Het telefoonnummer is moeilijk vindbaar.

Codekwaliteit IKEA

Totaal 63 van de 100 punten.

De ernstigste fouten die wij tegenkwamen:

  • select elementen zonder toegankelijke naam;
  • links zonder toegankelijke naam;
  • knoppen zonder toegankelijke naam.

Reactie van IKEA

Bij IKEA geloven we sterk in inclusiviteit, diversiteit en gelijkheid. Iedereen is welkom. Dit geldt voor zowel onze klanten als onze medewerkers.

Het uitgangspunt is een diverse en inclusieve werkplek die de maatschappij weerspiegelt én een inclusieve werk- en winkelomgeving waarborgen waar iedereen zich welkom, geaccepteerd en gerespecteerd voelt. In onze winkels besteden we hier aandacht aan, maar de website is net zo belangrijk. Jullie onderzoek naar de toegankelijkheid van webwinkels en de bijbehorende resultaten vinden we dan ook zeker waardevol.

Naar aanleiding van de nieuwe Europese richtlijnen staat dit onderwerp op wereldwijd niveau al bij IKEA op de agenda en we ondersteunen de geplande wetgeving. In Nederland gaan we naar aanleiding van de resultaten van jullie onderzoek kijken waar lokaal de mogelijkheden liggen om de toegankelijkheid te verbeteren.

Indien zaken op landelijk niveau niet verbeterd kunnen worden, bijvoorbeeld vanwege technische beperkingen, gaan we graag in gesprek met onze global collega’s om de mogelijkheden te bespreken. Dit onderzoek gaan we ook delen met onze global collega’s.

Neem contact met ons op