Mediamarkt
Onze bevindingen over de webwinkel van MediaMarkt
MediaMarkt
URL voorpagina: https://www.mediamarkt.nl/
Datum van testen: 24 november 2023
Getest door: Florian Schroiff
Complimenten: MediaMarkt heeft veel moeite gedaan om toegankelijker te worden. Op veel vlakken is vooruitgang te zien. En misschien wel het belangrijkste: Je kan nu met het toetsenbord of via VoiceOver een bestelling plaatsen. Dat lukte vorig jaar niet.
Kennelijk wordt nog volop aan de site gewerkt, we kwamen wat rare interacties tegen en dingen die op dit moment niet goed werken.
Maar al met al ben ik hoopvol gestemd, dit is een stap in de goede richting.
Vergelijking vorig jaar
- De cookiebanner is beter geworden voor toetsenbord gebruikers
- De filters zijn beter geworden voor toetsenbord gebruikers
- Iets kiezen uit de zoekresultaten is beter geworden voor VoiceOver gebruikers door betere presentatie van de informatie.
- Het wijzigen van de opties van een product is zeer verbeterd. Met een beetje aandacht voor de screenreader-gebruikers kan dit volgend jaar een perfecte score worden.
- Een bug op de winkelwagen-pagina zorgde vorig jaar voor een ongewild vroegtijdig einde van het bestelproces voor toetsenbord gebruikers. Dit euvel werd verholpen, de checkout is nu te bereiken.
- Het aanmaken van een account gaat beter via toetsenbord
- Het is nu mogelijk om aan het einde van het proces een betaalwijze te kiezen en door te gaan naar afrekenen, dat kon vorig jaar niet. Het blijft wel moeilijk om een andere betaalwijze te kiezen in verband met hoe de keuzemogelijkheden vormgegeven zijn.
Slechter:
- Het hoofdmenu is helaas slechter geworden door allerlei bugs en een non-standaard manier van navigeren. Gelukkig is de zoekfunctie wel goed te gebruiken.
- Rondom de prijs van een product staan allerlei links naar aanvullende informatie die niet met het toetsenbord bediend kunnen worden. Dat is jammer, want de weergave van de prijs aan zich is verbeterd vergeleken met vorig jaar.
- Door fouten in het hoofdmenu is de login moeilijker bereikbaar geworden, je moet hem ergens in het bestelproces tegen komen.
- Een bug bij het invoeren van het bezorgadres zorgt voor frustraties voor toetsenbord gebruikers
Kan ik de cookies accepteren en daarna de website gebruiken?
Testresultaten toetsenbord
Ja, werkt uitstekend, met duidelijke visuele focus.
Testresultaten VoiceOver
Ja, maar de toggles (gestylede aankruisvakjes) hebben geen label. Dat was vorig jaar ook al zo.
Kan ik het hoofdmenu gebruiken?
Testresultaten toetsenbord
Er is een skiplink, dat is goed.
Bij de menu-items in de bovenste rij wordt de focusring afgesneden en is daardoor slechts deels zichtbaar. De focus-volgorde volgt niet de zichtbare volgorde. Dit was allemaal vorig jaar ook al het geval.
Het “Alle categorieën” uitklap-menu klapt open, de focus zit in de modal, dat is mooi. Vervolgens kan je alleen naar de “sluiten” knop tabben en naar geen van de menu-items. Wanneer je op het idee komt om de pijltjestoetsen omhoog en omlaag te gebruiken kom je erachter dat je op die manier naar de hoofdcategorieën kan komen en met pijl naar rechts ga je naar de subcategorieën van een hoofdcategorie. Dit is geen standaard gedrag en het staat nergens aangegeven.
Wanneer je bij een opengeklapt overzicht van subcategorieën op de escape toets drukt sluit het hoofdmenu, maar het submenu blijft open en bedekt een groot deel van het scherm. Met een druk op tab sluit je het submenu en gaat de focus terug naar de “alle categorieën” knop. Je toetsenbord-focus zit hier nu gevangen en je kan alleen verder door de pagina te verversen.
Het “mijn winkel” drop-downmenu opent een modal met een zoekveld voor het zoeken naar een winkel in de buurt. Dit zoekveld is moeilijk te bereiken met het toetsenbord. Je tabt buiten de modal verder en moet 215 keer tabben om naar het zoekveld te komen.
Het “account” drop-downmenu kan geopend worden maar je moet shift-tab gebruiken om de items van onder naar boven te doorlopen. Niet alle items krijgen focus.
Testresultaten VoiceOver
Het winkelmandje en de account-knop hebben geen toegankelijke naam, alleen een icoon. Het hamburger menu kan uitgeklapt worden, maar alleen op non-standaard wijze bestuurd. Wanneer je er per ongeluk achter komt hoe de besturing werkt, wordt wel alles netjes voorgelezen. De sluiten knop heeft geen toegankelijke naam. Het “mijn winkel” menu geeft geen feedback wanneer het opent.
Kan ik de zoekfunctie op de voorpagina gebruiken?
Testresultaten toetsenbord
Ik kan typen en op enter drukken en kom naar een resultatenpagina.
De suggesties zijn onderverdeeld in zoekterm-aanvullingen en “aanbevelingen”. De eerste kan ik met de pijltjestoetsen bereiken, de tweede met de tab toets. Dat is een beetje onduidelijk.
Maar de basis-functionaliteit doet het goed.
Testresultaten VoiceOver
Ik kan typen en op enter drukken en kom naar een resultatenpagina. De zoekknop staat alleen voor het veld, deze volgorde is vreemd. Dat was vorig jaar ook al zo.
De suggesties worden niet voorgelezen, maar de basis-zoekfunctionaliteit doet het goed.
Kan ik het filter bij de zoekresultaten gebruiken?
https://www.mediamarkt.nl/nl/search.html?query=switch&t=1700822941176&ga_query=switch
Testresultaten toetsenbord
Ik kan het goed bedienen met het toetsenbord. Soms, wanneer veel opties wijzigen, gaat de toetsenbordfocus terug naar het begin van de filterlijst. Maar dat is acceptabel. De visuele focus op de checkboxes is zichtbaar maar wordt wel vaak afgesneden. Maar al met al lijkt dit een verbetering ten opzichte van vorig jaar!
Testresultaten VoiceOver
De filters staan in een aside element. Als die een toegankelijke naam zou krijgen zouden de filters makkelijk te ontdekken zijn. Nu is het lastig te ontdekken, net zoals vorig jaar.
De select “Sorteren op” heeft geen label, dit was vorig jaar ook al zo.
De beoordelingen-keuzerondjes hebben onduidelijke labels.
Kan ik een product bekijken (titel, prijs en omschrijving)?
Testresultaten toetsenbord
Ja.
Alle als link opgemaakte elementen in het prijs-gedeelte zijn niet met het toetsenbord bestuurbaar. Het info-bolletje met uitleg over de besparing ook niet.
Testresultaten VoiceOver
Ja. Er is alleen geen manier om direct naar de prijs of het begin van de beschrijving te springen via een titel of landmark.
De prijs wordt netjes voorgelezen, een verbetering ten opzichte van vorig jaar. Ook de aanbieding wordt goed voorgelezen. De knoppen in het prijs-gedeelte kunnen niet bestuurd worden en hebben deels geen toegankelijke naam.
Kan ik de opties wijzigen/ingeven (kleur, maat, aantal)?
https://www.mediamarkt.nl/nl/product/_apple-macbook-air-13-3-2020-goud-m1-256gb-8gb-1681035.html
Testresultaten toetsenbord
Ja, ik kan kleur en uitvoering kiezen. Dit is verbeterd sinds vorig jaar.
Testresultaten VoiceOver
Ja, ik kan kleur en uitvoering kiezen. Dit is verbeterd sinds vorig jaar.
De manier waarop de kleurkeuze voorgelezen wordt is niet duidelijk: De alt-tekst van de afbeelding wordt voorgelezen, en dat is de hele naam van het product (“APPLE MacBook Air 13.3 (2020) – Zilver M1 256GB 8GB”). De kleur is daar maar een klein onderdeel van en is op deze manier makkelijk te missen.
Kan ik een artikel in het winkelwagentje stoppen?
Testresultaten toetsenbord
Ja, ik kan op de “Bestel nu” knop komen en hem met enter activeren. Er opent dan wel meteen een upsell-modal waar mijn toetsenbord-focus niet in terecht komt en die me laat twijfelen of het artikel nu in mijn winkelmandje ligt of niet. Gelukkig kan ik die met de escape toets sluiten.
Testresultaten VoiceOver
Ja, ik hoor niet dat het in mijn winkelwagen is toegevoegd.
Kan ik het winkelwagentje openen en uitlezen wat ik heb besteld?
https://www.mediamarkt.nl/nl/checkout
Testresultaten toetsenbord
Na het toevoegen opent een modal die ik met de escape toets kan sluiten. Dit is een verbetering ten opzichte van vorig jaar, toen moest ik door de hele pagina tabben om naar de modal te komen. Ik kan vervolgens naar het hoofdmenu tabben en de winkelwagen bekijken.
Testresultaten VoiceOver
Ja. Via het menu: de knop winkelwagentje heeft geen naam, maar via de pop-up na het drukken op de bestelknop gaat het wel. Dus alleen in de bestelflow is het winkelwagentje te bereiken op een moeizame manier.
Kan ik een account aanmaken?
https://www.mediamarkt.nl/nl/myaccount/auth/registration?redirectURL=%2F
Testresultaten toetsenbord
Ja, dit gaat goed. Je kan alle delen van het formulier met het toetsenbord besturen. Een verbetering ten opzichte van vorig jaar.
Testresultaten VoiceOver
Dit gaat redelijk. De labels met fouten of info over bijvoorbeeld de eisen voor een wachtwoord worden niet voorgelezen wanneer je naar een veld gaat. Je hoort niet wanneer je naar een volgende stap gaat. Het invullen van de verificatiecode is potentieel moeilijk omdat dit bestaat uit zes afzonderlijke velden waarvan alleen de eerste een label heeft. Je kan wel alle zes cijfers in het eerste veld plakken en het komt goed.
Kan ik inloggen?
Testresultaten toetsenbord
Ja, je moet alleen weten dat je achteruit moet tabben om in het “account” menu te komen.
Testresultaten VoiceOver
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. Dit was vorig jaar ook al zo.
Kan ik een bezorgadres ingeven?
https://www.mediamarkt.nl/nl/myaccount/addresses
Testresultaten toetsenbord
Ja, bij het drop-downmenu voor de land-keuze is een irritante bug: Wanneer je een land gekozen hebt moet je alsnog door de hele lijst van landen tabben om naar het volgende veld te komen. Deze tabs vinden plaats op een verstopt element, dus je kan niet zien wat er aan de hand is.
Het land-menu is binnen het bestel-proces niet aanwezig, alleen wanneer je naar je account gaat en in het adresboek een adres toevoegt.
Testresultaten VoiceOver
Ja. Foutmeldingen worden ook duidelijk uitgesproken. Ik hoor alleen niet van tevoren welke velden verplicht zijn.
Ook hier is het land-keuze dropdownmenu irritant, maar je kan er makkelijker overheen springen met VoiceOver.
Kan ik een bezorgmoment kiezen?
Ik snap niet helemaal hoe de “Ophalen in de winkel” functie werkt. Ik zou hier ook met de muis geen succes mee hebben. Volgens mij moet je een winkel kunnen selecteren, maar dat lukt niet. Lijkt een bug te zijn. Daarom is het niet mogelijk om “ophalen” te kiezen.
Testresultaten toetsenbord
Ja. Ik kan alleen door bovengenoemde bug niet kiezen tussen ophalen of bezorgen.
In de checkout summary kan je tussen verschillende tijdstippen en dagen kiezen, deze opties hebben geen visuele focus.
Testresultaten VoiceOver
Ja. Ik kan alleen door bovengenoemde bug niet kiezen tussen ophalen of bezorgen.
In de checkout summary kan je tussen verschillende tijdstippen en dagen kiezen, dat werkt goed.
Kan ik de wijze van betalen kiezen?
Testresultaten toetsenbord
Je kunt betalen via iDeal. Het is moeizaam of niet mogelijk om een andere betaalmethode te kiezen.
Invullen van Kortingscode of cadeaubon gaat goed!
Testresultaten VoiceOver
Je kunt betalen via iDeal. Het is moeizaam of niet mogelijk om een andere betaalmethode te kiezen.
Kan ik om hulp vragen via de website?
https://www.mediamarkt.nl/nl/service/klantenservice
https://klantenservice.mediamarkt.nl/app/contactformulier
Testresultaten toetsenbord
De klantenservice pagina is overzichtelijk
Contact via facebook, twitter of contactformulier
Op de contactformulier-pagina is ineens helemaal geen visuele focus meer, dat maakt het bijna onmogelijk om het contactformulier te gebruiken.
Het “contactformulier” is alleen een keuzemenu. Er staat dat je contact moet opnemen wanneer iets mis is gegaan, maar er staat niet hoe. Misschien wordt het e-mailadres tijdens het bestelproces op andere wijze gecommuniceerd, maar hier kan ik geen contactmogelijkheid vinden.
Testresultaten VoiceOver
Het “contactformulier” biedt niet echt een mogelijkheid om contact op te nemen. Met voiceover was het iets makkelijker te besturen dan met een toetsenbord. Maar de focus sprong bij elke keuze terug naar het begin van de pagina. En uitgerekend op deze pagina werkte de skiplink niet.
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
Precies weten wat jij moet doen voor de European Accessibility Act?
In ons handboek ‘Bouwen aan een digitaal toegankelijke organisatie’ lees je exact wat je nodig hebt om klaar te zijn voor 2025.
✓ Wetgeving en richtlijnen.
✓ Wat digitale toegankelijkheid je oplevert.
✓ Naar een toegankelijke organisatie in 6 stappen.
✓ 10 punten om direct actie op te ondernemen.
