Gemeten op 14 september 2026 · alle platformen
Platform
Toegankelijkheid van Shopify-winkels
Shopify stelt eisen aan de thema's in zijn Theme Store. We scanden de officiële demowinkels van de twee standaardthema's — dezelfde winkels die Shopify zelf als voorbeeld gebruikt — op WCAG 2.1 en 2.2 AA.
Op deze pagina
Wat we gemeten hebben
Horizon
het huidige standaardthema — gescand: homepage, contactpagina en vier productpagina's.
| Wat faalt | Ernst | Elementen |
|---|---|---|
| ARIA-rol zonder de vereiste ouder Een element zegt bijvoorbeeld een menu-item te zijn, maar staat niet in een menu. Een schermlezer kan de structuur dan niet volgen. |
kritiek | 6 |
| ARIA-label op een element dat geen naam mag hebben Meestal een aria-label op een losse div of span. Hulpsoftware negeert het, dus de bedoelde naam komt nooit aan. |
ernstig | 16 |
| Scrollbaar gebied niet met het toetsenbord te bereiken Een carrousel of horizontaal scrollende rij waar je met Tab niet in komt. Wie geen muis gebruikt, ziet de rest nooit. |
ernstig | 8 |
| Lijst met iets anders dan lijstitems erin Een ul of ol bevat direct iets anders dan li. Een schermlezer telt de lijst dan verkeerd of helemaal niet. |
ernstig | 6 |
Dawn
het vorige standaardthema — gescand: homepage, contactpagina en vier productpagina's.
| Wat faalt | Ernst | Elementen |
|---|---|---|
| Te weinig kleurcontrast Tekst die voor slechtziende bezoekers niet leesbaar is. Bijna altijd één kleurwaarde in het thema. |
ernstig | 62 |
Gemeten met axe-core tegen WCAG 2.1 en 2.2 niveau AA, in een echte browser. We noemen bewust geen score per platform: dezelfde site gaf bij twee metingen een verschillend cijfer, afhankelijk van welke pagina's er gekozen werden. Welke regels falen, is wel stabiel.
Wat dat betekent
Beide staan in de Theme Store, en die eist voor thema's een gemiddelde Lighthouse-toegankelijkheidsscore van 90 op de homepage, collectie- en productpagina. Toch vonden we op beide ernstige fouten. Dat is geen tegenspraak: een Lighthouse-score van 90 is een drempel voor een deel van de geautomatiseerde controles, geen verklaring dat een thema aan WCAG AA voldoet.
De twee thema's falen op verschillende punten. Dawn heeft één probleem — te weinig contrast, 62 keer, op alle zes pagina's die we scanden. Dat het overal terugkomt, is juist goed nieuws: het zit in het kleurenschema van het thema, niet in losse pagina's. Horizon heeft minder elementen fout maar meer soorten, waaronder een kritieke: ARIA-rollen zonder de structuur die ze beloven. Dat zit in de themacode, niet in een instelling.
Waar de fouten zitten
| Onderdeel | Wat je daar tegenkomt |
|---|---|
| Het thema | Bijna alles wat we vonden. Contrast los je vaak op in de thema-editor; ARIA- en structuurfouten vragen een aanpassing in de Liquid-bestanden van het thema. |
| Apps | Elke app die iets op de winkelpagina zet — reviews, een chatknop, een pop-up — voegt eigen code toe. Een thema dat netjes scoort, kan na een handvol apps een heel ander beeld geven. Scan na elke nieuwe app opnieuw. |
| De checkout | Die draait bij Shopify zelf, en wat je daar kunt aanpassen is beperkt. Zie je daar een fout, dan ligt de oplossing grotendeels bij Shopify. |
Wat je met de hand moet controleren
Een scanner beoordeelt ongeveer een derde tot de helft van de criteria. Op een Shopify-winkel zou ik deze drie in elk geval zelf nalopen:
- Loop de productvariant-kiezer door met alleen het toetsenbord: kun je maat en kleur kiezen en hoor je welke gekozen is?
- Open het winkelwagentje dat uitschuift: komt de focus erin, en kun je het met Escape weer sluiten?
- Controleer of productfoto's een alt-tekst hebben die de foto beschrijft, niet de bestandsnaam.
Bronnen: Shopify — eisen voor de Theme Store, Shopify — toegankelijkheid in thema's. De metingen gaan over de officiële demo's op de genoemde datum. Jouw winkel heeft zijn eigen apps, extensies en maatwerk, en scoort daardoor anders.
Hoe doet jouw Shopify-winkel het?
Dezelfde meting op je eigen adres, inclusief je thema, apps en maatwerk.