Apple
Onze bevindingen over de webwinkel van Apple
Apple
URL voorpagina: https://www.apple.com/nl/
Datum van testen: 16 november 2023
Getest door: Florian Schroiff
Accessibility speelt een grote rol in Apple’s marketing. Neem bijvoorbeeld deze prachtige pagina op hun site over alle manieren hoe Apple producten de wereld toegankelijker maken voor hun gebruikers: https://www.apple.com/nl/accessibility/
Gelukkig kan je deze aandacht voor het onderwerp toegankelijkheid ook terug zien in Apples online winkel. Complexe processen zoals het configureren van een MacBook of het toevoegen van een inscriptie op een iPhone zijn volledig toegankelijk voor zowel toetsenbord- als screenreader-gebruikers.
Er zijn een paar kleine onduidelijkheden in de formulieren, sommige foutmeldingen worden bijvoorbeeld niet voorgelezen. Maar al met al kregen we ook dit jaar een uiterst positieve indruk van de toegankelijkheid van deze site.
Ook de geautomatiseerde tests konden weinig vinden. Één foutje maar op de homepage en dat ook alleen maar wanneer we de nieuwe WCAG 2.2 regels hanteren.
Vergelijking vorig jaar
Het niveau is onveranderd hoog. Als Apple NL dit leest: ga voor 100%, fix de paar mini fouten die we konden vinden en voeg een skiplink toe!
- koppel de error-uitleg aan de inputs met aria-describedby
- geef een fout-samenvatting bovenaan het formulier
- fix de bug dat ideal-keuze ongedaan gemaakt wordt wanneer je een factuuradres toevoegt
Kan ik een item kiezen uit de zoekresultaten?
Testresultaten toetsenbord
Ja.
Je kunt zelfs het filtermenu dichtklappen, dan hoef je er niet doorheen te tabben. Dat is een verbetering ten opzichte van vorig jaar.
Testresultaten VoiceOver
Ja.
Kan ik een product bekijken (titel, prijs en omschrijving)?
Gewone productpagina:
Testresultaten toetsenbord
Ja.
Testresultaten VoiceOver
Ja.
De korting wordt goed voorgelezen.
Fancy bestelflow:
https://www.apple.com/nl/shop/buy-ipad
Voor de grote productfamilies is er een andere flow:
Er is een overzichtspagina met alle leden van de productfamilie.
Familie-keuze (Pro / Air / gewoon / mini) met product-highlights
Wanneer je klikt op een van de subcategorieën opent een dialoog.
Mooi: Het is een element met role=”dialog” met erin een tabgroep. Dit is super toegankelijk ondanks dat het een zeer uitgebreide component is.
Wanneer je op “Koop” klikt kom je naar de detailpagina met configuratie-opties.
Ook hier wordt alles netjes voorgelezen en is perfect toetsenbord bestuurbaar.
Dit is voorbeeldig. Goed ingedeeld, en ondanks dat het een zeer complexe flow is word je er op een logische manier doorheen geleid.
Kan ik een artikel in het winkelwagentje stoppen?
https://www.apple.com/nl/shop/buy-ipad/ipad-pro
Testresultaten toetsenbord
Ja.
Testresultaten VoiceOver
Ja, er is alleen geen feedback te horen dat het item toegevoegd is aan de winkelmand. Dit was vorig jaar ook al zo.
Kan ik het winkelwagentje openen en uitlezen wat ik heb besteld?
https://www.apple.com/nl/shop/bag
Testresultaten toetsenbord
Ja.
Testresultaten VoiceOver
Ja, de focus springt meteen naar de eerste heading waar het totaalbedrag wordt voorgelezen. De gebruiker heeft hier zelf geen controle over, dit is niet helemaal wenselijk. Dit was vorig jaar ook al zo.
Kan ik inloggen?
Testresultaten toetsenbord
Ja.
Testresultaten VoiceOver
Ja, ik kan het formulier alleen met enter versturen, er is geen submit knop. Net zoals vorig jaar.
Kan ik een bezorgadres ingeven?
https://secure6.store.apple.com/nl/shop/checkout?_s=Shipping-init
Wanneer je bent ingelogd en je account al een adres heeft, is er een zichtbare knop “Gebruik een nieuw adres”. Daar kan je niet naartoe tabben, want het is een radiobutton die niet uitziet als een radiobutton. Je kan hem dus met de pijltjestoetsen gebruiken. Dit heb ik niet meegenomen in de beoordeling. Dit patroon wordt bovendien overal in het bestelproces gebruikt, dus misschien is het ook juist consistent. Maar op deze plek verwachtte ik het niet.
Testresultaten toetsenbord
Ja.
Testresultaten VoiceOver
Ja.
Het eerste foute veld krijgt toetsenbordfocus. Je hoort dat een veld ongeldige inhoud bevat maar de fout-labels onderaan het veld worden niet voorgelezen. Dat zou het in sommige gevallen wel makkelijker maken (e.g. “De tekst mag maximaal 35 tekens zijn”).
Een samenvatting van alle meldingen bovenaan het formulier zou nog beter werken.
Kan ik de wijze van betalen kiezen?
https://secure7.store.apple.com/nl/shop/checkout
Testresultaten toetsenbord
Ja. Bug: als je factuuradres aan/uitvinkt, wordt de selectie van de bank voor ideal ongedaan gemaakt. Net zoals vorig jaar.
Testresultaten VoiceOver
Ja. De bug maakt het verwarrend voor gebruikers, omdat niet duidelijk is wat er mis gaat met de bestelling. Onveranderd ten opzichte van vorig jaar.
Kan ik om hulp vragen via de website?
Testresultaten toetsenbord
Ja, op elke pagina staat een manier om hulp te zoeken. Je kunt chatten of bellen.
Testresultaten VoiceOver
Ja, op elke pagina staat een manier om hulp te zoeken. Je kunt chatten of bellen. De chat werkt aardig goed met VoiceOver, echter wordt niet gemeld dat er een nieuw bericht is.
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.