Mediamarkt
Onze bevindingen over de webwinkel van MediaMarkt
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.
MediaMarkt
MediaMarkt heeft in 2022 een eindscore van 53%. Vorig jaar was de score 31%.
URL voorpagina: https://www.mediamarkt.nl/
Datum van testen: 2 december 2022
De webshop van MediaMarkt is, vergeleken met vorig jaar, verbeterd. Echter zijn er in het bestelproces nog steeds stappen die niet uitgevoerd kunnen worden met het toetsenbord en/of de schermlezer.
De grootste problemen die wij tegenkwamen:
- er ontstaat een keyboard trap als je een product wilt toevoegen aan het mandje, doordat je vast blijft zitten in het “aantal” veld;
- er kan geen bank gekozen worden bij de betaalmethode;
- ontbreken van toegankelijke namen voor belangrijke knoppen zoals het winkelwagentje.
Problemen per stap bij de MediaMarkt
Stap 1. kan ik cookies accepteren, en daarna de website gebruiken:
In het modal krijgen de knoppen ‘Huidige instelling opslaan’ en ‘Alles Accepteren’ geen visuele focus. Ook hebben de checkboxes geen label, schermlezer gebruikers horen niet wat ze aanvinken.
Niet alle items krijgen visuele focus. De focus volgorde is ook verkeerd. Je kunt het hamburgermenu uitklappen, de items erin zijn niet met het toetsenbord te besturen.
VoiceOver: Het winkelmandje en de zoekknop en het uitklap V-tje bij zoek winkel hebben geen toegankelijke naam, alleen een icoon.
Stap 4. kan ik het filter bij de zoekresultaten gebruiken:
De keuzevakjes krijgen geen visuele focus. Lastig is dat de focus niet op het filter blijft. Om meerdere dingen aan te klikken moet steeds weer de hele pagina doorgetabt worden.
Voice Over: Er is geen kopje naar filter, dat is jammer. Hierdoor is het lastig ontdekken en navigeren. De keuzevakjes staan in een fieldset, helaas ontbreekt de legend, die is vervangen door een link. De select ‘Sorteren op’ heeft geen label.
Stap 5. kan ik een item kiezen uit de zoekresultaten:
De volgorde van de informatie bij een product is verwarrend. Eerst wordt de afbeelding voorgelezen, dan de prijs en daarna de titel (het kopje). Voor een schermlezer gebruiker is het moeilijk om te ontdekken wat bij elkaar hoort, omdat men verwacht dat wat onder een kopje wordt voorgelezen bij dat kopje hoort. Nu is dat onduidelijk en kan tot een verkeerde keuze leiden.
Stap 6. kan ik een product bekijken: titel, prijs, omschrijving:
De prijs wordt voorgelezen als “undefined 1319”. Dit komt omdat de code voor het bedrag cijfer per per cijfer is opgemaakt (in een aparte span). Zo is het onduidelijk dat het de prijs is, mede omdat een valutateken ontbreekt.
Stap 7. kan ik opties wijzigen/ingeven: kleur, maat, aantal:
Het is onmogelijk om met het toetsenbord een andere uitvoering te kiezen, de code is hiervoor niet juist opgemaakt. Ook de tooltips werken niet met een toetsenbord.
Stap 9. kan ik het winkelwagentje openen en uitlezen wat ik heb besteld:
VoiceOver: De knop ‘winkelwagentje’ heeft geen toegankelijke naam in het menu, maar via de pop-up na het drukken op de bestelknop kun je wel naar het winkelwagentje. Dus alleen in de bestelflow is het winkelwagentje te bereiken.
Stap 10. kan ik naar bestellen:
Als de gebruiker tabt naar de winkelwagen knop komt hij vast te zitten in het “Aantal” veld. De toetsenbord focus is hier niet uit te krijgen, je kunt zo nooit verder.
Ja. De pagina om in te loggen is echter niet goed te vinden, omdat de knop in het hoofdmenu geen naam heeft. Dit moet dus in het bestelproces.
Stap 14. kan ik een bezorgmoment kiezen:
Het is niet mogelijk te kiezen tussen bezorgen, bezorgen op afspraak of ophalen in de winkel. Deze keuzes zijn niet met het toetsenbord te bereiken. Omdat ‘bezorgen’ het al vooraf ingevulde antwoord is kan men wel verder.
Stap 16. kan ik een wijze van betalen kiezen:
De betaalwijze kan wel gekozen worden, er kan echter geen bank geselecteerd worden met het toetsenbord. Gebruikers kunnen dus nooit afrekenen.
De chatbox is te gebruiken met het toetsenbord, al is de visuele focus heel moeilijk te zien. De chatbox is niet te sluiten met het toetsenbord. Met een schermlezer is de chatbox niet te gebruiken.
Het contactformulier is lastig te gebruiken vanwege het ontbreken van visuele focus. Ook kan je als screen reader gebruiker geen bijlages toevoegen.
Vergelijking met vorig jaar
Er zijn een aantal stappen in het bestelproces verbeterd, ten opzichte van vorig jaar, zoals:
- de zoekfunctie op de voorpagina
- validatiefouten worden opgelezen door de schermlezer
- er kan een bezorgadres ingevoerd worden
- er kan een bezorgmoment gekozen worden
Echter zijn een aantal cruciale stappen niet verbeterd, ze zijn soms zelfs minder toegankelijk geworden. Zo is er een toetsenbord val (keyboard trap) ontstaan bij het bestelproces en kan er geen bank geselecteerd worden tijdens het afrekenen.
Het is dus nog steeds niet mogelijk om te bestellen bij de MediaMarkt als je geen muis kunt gebruiken.
Codekwaliteit MediaMarkt
De enstigste fouten die wij tegenkwamen:
- onvoldoende kleurcontrast voor sommige teksten;
- afbeeldingen zonder alternatieve tekst;
- links zonder toegankelijke naam;
- geneste interactieve elementen;
- knoppen zonder toegankelijke naam;
- formuliervelden zonder gekoppelde labels;
- select elementen zonder toegankelijke naam.
