Apple

Apple

Onze bevindingen over de webwinkel van Apple

Logo 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:

https://www.apple.com/nl/shop/product/FVVK2N/A/refurbished-16%E2%80%91inch-macbook-pro-2-3-ghz-8-core-intel-core-i9-met-retina-display-spacegrijs

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. 

Screenshot van de familiekeuze van Apple producten in de online store. Er zijn drie productfamilies zichtbaar.

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.

Screenshot van de dialoog die verschijnt wanneer je een familie selecteert. In dit geval details over de iPad Air.

Wanneer je op “Koop” klikt kom je naar de detailpagina met configuratie-opties.

De configuratiepagina zichtbaar en verschillende variaties goed selecteerbaar.

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. 

Een screenshot van de adresselectie bij de webshop van Apple. Het is onduidelijk dat het hier om een radio button gaat, wat de interactie minder intuïtief maakt.

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”).

Screenshot van de veldvalidatie in de afrekenpagina van Apple. Er is een zichtbare melding bij een invoerveld, maar deze wordt niet voorgelezen in VoiceOver.

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?

https://getsupport.apple.com/

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

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.