IKEA

IKEA

Onze bevindingen over de webwinkel van IKEA

Logo Ikea

IKEA

URL voorpagina: https://www.ikea.com/nl/nl/
Datum van testen: 13 november 2023
Getest door: Amber Qualm

IKEA heeft in 2023 een eindscore van 61%. Vorig jaar was de eindscore 70%. 

Er is bij IKEA duidelijk aandacht besteed aan digitale toegankelijkheid. Het navigeren door de productcatalogus verloopt over het algemeen soepel voor zowel toetsenbord- als schermlezer gebruikers. Helaas zorgen verschillende blokkades in het bestelproces ervoor dat het voor toetsenbord gebruikers onmogelijk is om een bestelling te plaatsen. Schermlezer gebruikers kunnen hier wel in slagen, maar alleen met veel moeite en omwegen.

In het bestelproces wordt de toetsenbord gebruiker geconfronteerd met een keyboard trap, of toetsenbordval. Een keyboard trap houdt in dat je met het toetsenbord een component kunt betreden, maar deze vervolgens niet meer kunt verlaten. De gebruiker komt vast te zitten. In het geval van IKEA bevindt de keyboard trap zich op de bestelpagina, waardoor het onmogelijk is om de bestelbutton (en het kortingscode veld) te bereiken. De toetsenbord gebruiker kan hierdoor geen bestelling plaatsen. 

Het is voor een schermlezer gebruiker zonder hulp niet mogelijk om een account aan te maken. In het aanmeldformulier hebben verschillende velden geen toegankelijke naam, worden foutmeldingen niet uitgesproken en wordt de gebruiker geconfronteerd met een ontoegankelijke e-mail verificatie methode. 

Een positieve verandering zien we in het hoofdmenu. Waar het in 2022 niet mogelijk was om deze volledig te bedienen met het toetsenbord, zien we in november 2023 dat hier een duidelijke verbeterslag gemaakt is. Het hoofdmenu kan nu gemakkelijk bediend worden met het toetsenbord.

Ook het kiezen van de wijze van betalen is verbeterd, al brengt dit nog steeds de nodige uitdaging met zich mee – met name voor de schermlezer gebruiker. Zodra er door een schermlezer gebruiker wordt gekozen om te betalen met een credit card, valt de schermlezer stil en wordt er niets meer uitgesproken. Ook niet wanneer de gebruiker de focus verplaatst naar een ander element. Het kiezen van de credit card als betaalmethode, resulteert in het niet kunnen plaatsen van een bestelling. Dit benadrukt dat het van uiterst belang is om elk element binnen het bestelproces grondig te testen op toegankelijkheid. 

Een ander opvallend punt bij het selecteren van de betaalmethode gebeurt bij het kiezen van iDeal. Wanneer de schermlezer gebruiker kiest voor een bank en vervolgens (per ongeluk of intentioneel) op de ‘Enter’ toets drukt, accepteert IKEA automatisch de voorwaarden voor de gebruiker. Dit is niet toegestaan. 

Pluspunten

  • Er is een duidelijke visuele focus aanwezig in de cookie banner. Dit was voorheen niet zo.
  • Het hoofdmenu van de website is aanzienlijk verbeterd en kan goed bediend worden met het toetsenbord.
  • Op de productpagina wordt het aantal jaren garantie van een product nu uitgesproken voor schermlezer gebruikers.
  • Bij het ingeven van een bezorgadres worden verplichte velden nu ook uitgesproken als verplicht.
  • Het is dit jaar mogelijk om een wijze van betalen te kiezen, zowel met het toetsenbord als met hulp van de schermlezer.

Minpunten

  • Het veld om een kortingscode in te voeren is met het toetsenbord niet te bereiken door een keyboard trap. Met de schermlezer kan dit wel via de rotor. Later in het proces (indien je verder zou gaan met een muis) kan de kortingscode wel ingevoerd worden.
  • Door een keyboard trap kan de bestelknop niet worden bereikt door toetsenbord gebruikers. Schermlezer gebruikers kunnen deze keyboard trap omzeilen door de rotor van VoiceOver te gebruiken.
  • Wanneer er door een schermlezer gebruiker gekozen worden voor de credit card als betaalmethode, valt de schermlezer stil en kan het bestelproces niet afgerond worden.
  • Wanneer de schermlezer gebruiker een bank selecteert en deze per ongeluk op Enter drukt, accepteert IKEA de voorwaarden voor de gebruiker. Dit mag uiteraard niet.

Overige opvallende punten

  • Er zijn verschillende soorten skip links aanwezig, afhankelijk van het type pagina die de gebruiker bezoekt. Dit werkt erg gebruiksvriendelijk.

Kan ik de cookies accepteren en daarna de website gebruiken?

Testresultaten toetsenbord

Ja, de focus valt meteen in de cookie banner. 

De visuele focus was vorig jaar slecht zichtbaar, maar is nu duidelijk aanwezig.

Testresultaten VoiceOver

Ja, alles wordt duidelijk uitgesproken.

Kan ik het hoofdmenu gebruiken?

Testresultaten toetsenbord

Ja, het hoofdmenu is gemakkelijk te bedienen met het toetsenbord. Dit is een verbetering ten opzichte van 2022.

Testresultaten VoiceOver

Ja, het menu werkt goed met VoiceOver. Sommige links worden in het menu benoemd als buttons. De taal wisselaar wisselt meteen van taal en laadt een nieuwe pagina na het maken van een keuze, waardoor je niet goed hoort wat je hebt gekozen.

Kan ik de zoekfunctie op de voorpagina gebruiken?

De optie ‘zoek per foto’ is buiten beschouwing gelaten in de beoordeling om tot een goede vergelijking te komen met de andere websites.

Product: Pax kledingkast, via de zoekbalk op de homepagina.

Testresultaten toetsenbord

Ja, de zoekfunctie is gemakkelijk te gebruiken met het toetsenbord. 

Testresultaten VoiceOver

Ja, er wordt niet aangeduid dat er suggesties zijn, maar de functie werkt verder goed en de knoppen zijn duidelijk (ook aangegeven in 2022).

Kan ik het filter bij de zoekresultaten gebruiken?

Testresultaten toetsenbord

Er is een extra skip link om een lijst met verschillende product specifieke zoekresultaten categorieën direct over te slaan. Dit is erg gebruiksvriendelijk.

Voorbeeld van de skiplink beschikbaar bij de zoekresultaten op de site van Ikea. We zien een aantal resultaten met daarboven 'Lijst overslaan'.

De verschillende filters kunnen goed gebruikt worden met het toetsenbord. Dit zowel voor het filtermenu, wat direct zichtbaar is boven de producten, als voor de modal die opent wanneer je alle filters wilt zien. Na de keuze voor een filter wordt de pagina dynamisch aangepast. Het wissen van een aantal of alle filters gaat ook prima. 

Extra detail: Wanneer er binnen de filteropties keuzes niet (meer) van toepassing zijn, dus het aantal resultaten van dat filter is 0, dan krijgen deze keuzes ook geen focus meer en zijn deze niet per ongeluk te selecteren. 

Testresultaten VoiceOver

Na het selecteren van een optie in het filter worden de hoeveelheid resultaten uitgesproken. Een aantal van de opties in de filters wordt duidelijk uitgesproken, anderen zijn onduidelijk. Zo worden bij het kleurenfilter alle opties als ‘kleur’ uitgesproken, in plaats van de kleur per optie te benoemen. Op deze manier is het voor de gebruiker niet duidelijk welke kleur er geselecteerd is binnen het filter. Ook wordt het niet duidelijk benoemd wanneer je op de functie bent beland om een filter te verwijderen. 

Kan ik een item kiezen uit de zoekresultaten?

Testresultaten toetsenbord

Ja, er kan gemakkelijk een item gekozen worden.

Testresultaten VoiceOver

Ja, dit gaat gemakkelijk. Er wordt duidelijk uitgesproken om welk product het gaat, wat de prijs is, wat de beoordeling is en de hoeveelheid beoordelingen. De productafbeeldingen hebben helaas geen toegankelijke naam.

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

Product regulier: PAX kast

Product aanbieding: Schilderijenplank

Testresultaten toetsenbord

Ja, dit gaat gemakkelijk met het toetsenbord. Er zijn duidelijke headings aanwezig op de pagina. Wanneer je de productinformatie selecteert, opent er een modal. Wanneer je de modal sluit, verspringt de focus terug naar het begin van de pagina. 

Extra detail: Er is een skip link om de productafbeeldingen over te slaan.

Testresultaten VoiceOver

Ja, dit werkt goed.

Dit jaar wordt ook het aantal jaren garantie uitgesproken. Dat was in 2022 nog niet het geval.

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

Testresultaten toetsenbord

Ja. Er zijn twee opties om de kleur te wijzigen. Via de ‘Kies een kleur’ optie opent er een goed te gebruiken modal met visuele focus voor elk item. Het is ook mogelijk om te wisselen tussen de kleuren via de afbeeldingen thumbnails die getoond worden onder de ‘Kies een kleur’ optie. Deze krijgen iets minder duidelijke visuele focus, maar het kiezen van een andere kleur werkt. Het kiezen van een andere afmeting werkt via eenzelfde modal, waarbij ook het verschil in prijs te zien is.

Het aantal is ook te wijzigen via duidelijke buttons. De visuele focus volgorde is hier wel wat apart, daar waar de rechter button (hoeveelheid verhogen) eerder focus krijgt dan de linker button (hoeveelheid verlagen).

Testresultaten VoiceOver

Je kunt gemakkelijk een andere afmeting kiezen. Het verschil in prijs wordt daarbij ook meteen uitgesproken (ook aangegeven in 2022). Na het kiezen van een optie verspringt wel de focus naar het eerste element na de navigatie.

Kan ik een artikel in het winkelwagentje stoppen?

Testresultaten toetsenbord

Ja, dit kan. 

Na het toevoegen opent er een modal met upsell producten met een link naar het winkelwagentje, maar de toetsenbord focus wordt niet verplaatst naar dit modal. Je kunt dus niet direct vanuit deze modal verder naar de inhoud van je winkelwagentje.

Testresultaten VoiceOver

Ja, dit kan. Na het toevoegen in de winkelwagen opent een modal. Als je hierin gaat lezen hoor je dat het product is toegevoegd in de winkelwagen.

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

Testresultaten toetsenbord

Ja, dit gaat goed. 

Het veld om een kortingscode in te voeren is niet te bereiken met het toetsenbord.

Testresultaten VoiceOver

Ja, het is duidelijk te horen welke artikelen er in het winkelwagentje zitten, de hoeveelheid per artikel en de prijs per stuk. Wat echter niet wordt uitgelezen is de totaalprijs van de producten bij elkaar. 

Het veld om een kortingscode in te voeren kan alleen bereikt worden via de rotor van de schermlezer.

Kan ik naar bestellen?

Testresultaten toetsenbord

Nee. Er ontstaat een keyboard trap die het onmogelijk maakt om bij de bestelknop te komen. Je komt hier alleen uit door reverse te tabben en vervolgens de hele pagina reverse door te tabben tot aan de bestelknop. Dit is zulk onverwacht gedrag dat we deze ‘oplossing’ buiten beschouwing laten.

Testresultaten VoiceOver

Ja, maar alleen door via de rotor van VoiceOver de bestel button te selecteren. Dan kan de keyboard trap omzeild worden.

Kan ik een account aanmaken?

Testresultaten toetsenbord

Na handmatig met de muis verder te gaan vervolgen we het onderzoek.

Ja, je kunt gemakkelijk alle velden invoeren. De foutmeldingen zijn ook duidelijk en verschijnen meteen (ook aangegeven in 2022). 

Testresultaten VoiceOver

Je wordt eerst naar de login pagina gestuurd, waarbij de link om je aan te melden geen toegankelijke naam heeft en “Ik koop voor mijn huis” heet. 

Het telefoonnummer veld is niet volledig in te vullen, omdat de landcode niet bereikt kan worden. Niet alle fouten in het formulier worden duidelijk uitgesproken. Als het formulier met fouten verzonden wordt, wordt de gebruiker teruggezet naar het eerste veld met fouten. Er wordt tevens geen melding gegeven dat er fouten zijn. 

Het modal om je e-mailadres te verifiëren is zeer ontoegankelijk. De velden om de code in te voeren zijn voor elk cijfer een los veld, zonder label. Deze velden zijn telefoonnummer velden, wat het nog onduidelijker maakt (bovenstaande is allemaal reeds aangegeven in 2022). 

Kan ik inloggen?

Testresultaten toetsenbord

Ja, dit gaat an sich prima. Wanneer er gegevens niet worden ingevuld, verschijnt er een duidelijke foutmelding onder het veld waarop dit van toepassing is. De focus springt ook meteen naar het eerste foutieve veld, waardoor de gebruiker snel verder kan met invullen.

Echter wanneer je beide velden invult en het formulier dan verstuurt en er iets niet klopt in de gegevens, opent er een kleine pop-up met de melding dat er iets niet klopt (maar niet wat er niet klopt). Deze verdwijnt na een aantal seconden en krijgt tevens geen toetsenbordfocus (ook aangegeven in 2022). 

Screenshot van een onduidelijke foutmelding pop-up op de site van Ikea.

Testresultaten VoiceOver

Wanneer beide velden zijn ingevuld, het formulier verzonden wordt en er een fout zit in een van beide velden, wordt de pop-up foutmelding getoond. Deze wordt niet door de screen reader uitgesproken, waardoor het niet duidelijk is dat er een fout is. Omdat er geen verdere feedback wordt gegeven, zal de gebruiker niet weten of het inloggen is gelukt of niet en is de kans groot dat deze bij deze stap vast zal komen te zitten. Dit is ook aangegeven in 2022.

Kan ik een bezorgadres ingeven?

Testresultaten toetsenbord

Ja, dit gaat goed. Vreemd is dat er een “Huisnummer” veld en een “Straatnaam en huisnummer veld” is (ook aangegeven in 2022).

Testresultaten VoiceOver

Ja, maar met moeite. Het veld van de postcode binnen de modal heeft geen duidelijk label.  De info knop naast “Verdieping” heeft geen toegankelijke naam. Het is niet duidelijk wat deze knop doet. Er wordt geen foutmelding uitgesproken wanneer de invoer foutief is (ook aangegeven in 2022).

Een verbetering ten opzichte van 2022 is dat verplichte velden nu worden uitgesproken als verplicht. 

Kan ik een bezorgmoment kiezen?

Testresultaten toetsenbord

Ja, dit werkt prima.

Testresultaten VoiceOver

Ja, maar als er een andere datum geselecteerd wordt dan wordt hier geen bevestiging van uitgesproken. Om te weten welke datum is geselecteerd, moet de pagina opnieuw uitgelezen worden (ook aangegeven in 2022). Tevens zijn de “Beschikbare” bezorgmomenten opgemaakt als enkele radio buttons (ook wanneer er twee of meer bezorgmomenten zijn), waardoor de besturing hiervan anders werkt dan verwacht.

Kan ik het eindbedrag en de bezorgkosten uitlezen?

Testresultaten toetsenbord

Ja, dit gaat goed. De focus volgorde is wel andersom.

Testresultaten VoiceOver

Ja, dit gaat goed en het besteloverzicht heeft een duidelijke heading. Bij de IKEA Family korting wordt het minteken niet uitgesproken, wat verwarring op zou kunnen leveren. Daarnaast is de tekst voor de korting in het Engels in plaats van in het Nederlands.

De focus volgorde op de pagina is wel apart. Deze start namelijk rechts bij het ‘Je bestelling’ blok in plaats van links. 

Kan ik de wijze van betalen kiezen?

Testresultaten toetsenbord

 Ja, je kunt een betaalmethode kiezen. Wanneer er gekozen wordt voor betalen met iDeal, krijgt de button om een bank te selecteren vervolgens geen visuele focus. De button is wel te openen en hierna kan er een bank geselecteerd worden.

Dit is een verbetering ten opzichte van 2022. Toen was het namelijk niet mogelijk om een betaalmethode te kiezen.

Testresultaten VoiceOver

Dit is afhankelijk van de situatie. Het label bij de keuze van de bank bij iDeal wordt niet uitgesproken. De buttons zijn opgemaakt als een enkele radio button, waardoor het klinkt alsof er maar één betaaloptie is. 

Wanneer je kiest voor betalen met creditcard, worden velden die daarna focus krijgen niet meer uitgesproken. Dit geldt ook voor de velden waarbij de creditcardgegevens ingevuld zouden moeten worden. Het wisselen naar een andere betaalmethode lost dit probleem niet op. Zodra er gekozen wordt voor de creditcard optie, zal er niets meer uitgesproken worden en kan de gebruiker het proces niet afmaken.

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

Testresultaten toetsenbord

Ja, dit gaat prima.

Testresultaten VoiceOver

Dit is afhankelijk van voor welke betaalmethode er gekozen is in de vorige stap. Gebruikers die de creditcard betaaloptie niet hebben geselecteerd (ook niet per ongeluk) kunnen bestellen. Andere gebruikers zullen dit per definitie niet meer kunnen omdat er niets meer wordt uitgesproken door de schermlezer.

Een ander opvallend detail is dat wanneer de gebruiker een bank selecteert en deze (per ongeluk) op Enter zou drukken terwijl het bank selectieveld nog focus heeft, de voorwaarden automatisch geaccepteerd worden en de gebruiker meteen doorgestuurd wordt naar de betaalpagina. De gebruiker accepteert in deze dus niet zelf de voorwaarden, IKEA doet dat voor ze.

Kan ik om hulp vragen via de website?

Testresultaten toetsenbord

IKEA biedt meerdere manieren aan om hulp te vragen, maar helaas werken deze niet allemaal even goed. Tijdens het bestelproces staat er een chat icoontje rechts onderin de pagina, maar het is onmogelijk om deze te bereiken met het toetsenbord omdat deze helemaal geen focus krijgt.

Op de klantenservice pagina kan er via de zoekbalk goed gezocht worden op verschillende onderwerpen. De visuele focus op dit element is minimaal en kan verbeterd worden. Via de zoekbalk kan een pagina met contactinformatie gevonden worden. Het telefoonnummer is te vinden, maar heeft helaas geen link. Via deze pagina kun je wel door naar de chatbox.

De volledige pagina moet doorgetabd worden voor de focus in de chatbox komt. Erg bijzonder is de manier waarop er een onderwerp gekozen moet worden voordat de chat gestart kan worden. 

Screenshot van een onderwerp selectie dat verschijnt voor de chat geopend kan worden.

De bijna onleesbare grijze woorden zijn de koppen waar de witte, selecteerbare onderwerpen onder vallen. De chat kan na het selecteren gestart worden (mits er een medewerker komt opdagen).

Extra: Er is een skiplink aanwezig op de klantenservice pagina, maar de tekst is in het Engels en niet omschrijvend voor de sectie die deze overslaat.

Testresultaten VoiceOver

De knop “Start een chat met een medewerker” heeft voor de screen reader een volledig andere naam “De klantenservice is geopend”. Nu is het niet duidelijk dat deze knop een chat gaat openen. Dit wordt ook niet aangekondigd (ook aangegeven in 2022). 

Er wordt in het formulier wat moet worden ingevuld om de chat te starten niet aangegeven dat er verplichte velden zijn. Wanneer je de chat start en je wacht op een medewerker, wordt de focus terug geplaatst naar het begin van de pagina. Tevens wordt er niet aangekondigd dat er gewacht moet worden op een medewerker. Wanneer je wel contact krijgt (in dit geval met Buddy, de chatbot van Ikea), worden berichten niet automatisch uitgelezen en krijgt de gebruiker geen feedback over nieuwe berichten. Je weet dus niet wanneer je antwoord hebt.

Op de klantenservice pagina heeft het zoekveld geen duidelijke naam om aan te geven dat je hier naar informatie kunt zoeken (en niet naar producten). Tevens heeft het zoekicoon ook alleen ‘button’ als naam. Er wordt niet aangekondigd dat er resultaten gevonden zijn. Op de pagina met contactinformatie kan het telefoonnummer alleen gevonden worden door de gehele pagina uit te lezen. Headings zijn deels in het Zweeds:

Screenshot van de verkeerde headvolgorde op de site van ikea, waarbij deze ook deels in het zweeds zichtbaar zijn.

Op weer een andere hulppagina staat er een duidelijke heading voor het bellen van de klantenservice. Als ik het telefoonnummer wil uitlezen heeft ook deze knop een hele andere naam: “De klantenservice is geopend. Er worden geen kosten in rekening gebracht voor je gesprek met IKEA”.

Als ik nu het telefoonnummer wil uitlezen (die visueel wel zichtbaar is) kan ik dit niet met mijn screen reader, sterker nog: ik weet niet eens dat er een telefoonnummer zichtbaar is. Ik kan dus geen contact opnemen met de klantenservice (ook aangegeven in 2022).

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.