Shopify levert het platform, de checkout en een reeks thema’s. Maar jouw winkel bestaat uit meer: het thema dat je kiest en aanpast, de apps die je installeert, je productfoto’s en teksten, en je instellingen. In dit artikel lees je wat Shopify zelf publiceert over toegankelijkheid, waarom de verantwoordelijkheid bij jou blijft en hoe je je Shopify-winkel praktisch toetst.

Wat Shopify publiceert

Op shopify.com/accessibility staan zogenoemde conformance reports, ook wel VPAT’s genoemd. Daarin beschrijft Shopify per WCAG-criterium in hoeverre een onderdeel ondersteuning biedt.

  • De checkout: het rapport over de checkout is van maart 2026 en toetst aan WCAG 2.2. Bij 13 criteria staat “partially supports”: die worden dus gedeeltelijk ondersteund.
  • Het thema Dawn en de Shopify-admin: daarvoor zijn rapporten beschikbaar op basis van WCAG 2.1. Het rapport over Dawn is van november 2021.
  • Het thema Horizon: daarvoor vonden we geen rapport.

Zo’n rapport is nuttig: je ziet waar bekende beperkingen zitten. Het rapport gaat wel over het standaardproduct. Jouw aanpassingen, apps en content vallen erbuiten.

Wie is verantwoordelijk?

Shopify is daar duidelijk over: de juridische verantwoordelijkheid voor de toegankelijkheid van je winkel ligt bij jou als merchant, ook voor de checkout. Shopify noemt daarbij uitdrukkelijk de European Accessibility Act. Dat sluit aan bij de wet: de regels richten zich op de onderneming die de dienst aan consumenten aanbiedt. In Nederland staan ze in artikel 6:230fb van het Burgerlijk Wetboek.

Voor de checkout betekent dat: je kunt de code niet zelf aanpassen, maar je kiest wel je betaalmethoden, je teksten, je uitbreidingen en je huisstijl. Controleer die keuzes, en noem bekende beperkingen in je toegankelijkheidsverklaring.

Je thema

Het thema bepaalt het grootste deel van wat klanten zien en bedienen: het menu, de productpagina, de variantkeuze en het winkelwagenvenster. Let op:

  • Aanpassingen. Elke wijziging in de code van je thema kan de toegankelijkheid verbeteren of verslechteren. Laat je bouwer na elke aanpassing ook met het toetsenbord testen.
  • Updates. Bij een thema-update kan Shopify eigen codewijzigingen niet altijd meenemen. Bij een conflict meldt Shopify dat die wijzigingen niet konden worden overgenomen. Toets je winkel dus opnieuw na elke update.
  • Instellingen in de thema-editor. Kleuren, lettergroottes en knoppen stel je vaak zelf in. Controleer het contrast van tekst en knoppen, ook bij acties en labels zoals “uitverkocht”.

Apps en app embeds

Apps voegen vaak onderdelen toe aan je winkel: reviews, chat, pop-ups, cookiebanners, filters of een andere variantkeuze. Elk onderdeel kan nieuwe problemen geven. Een chatknop kan de focus bedekken, een pop-up kan een toetsenbordval worden en een reviewwidget kan knoppen zonder naam bevatten.

Volgens de App Store-eisen van Shopify gebruiken apps die het thema aanpassen theme app extensions, en horen apps of merchants geen codewijzigingen in het thema te maken. Een app embed is zo’n uitbreiding. Volgens de documentatie van Shopify zet je een app embed zelf aan in de thema-editor, voegt hij alleen iets toe aan de pagina en werkt hij niet in de checkout.

Test na het installeren van een app dus altijd de stappen waar die app zichtbaar is.

Je content

Content is het deel dat je zelf het best in de hand hebt.

  • Alt-teksten. Geef productfoto’s een alt-tekst die zegt wat er te zien is, bijvoorbeeld “Blauwe linnen blouse met korte mouwen, voorkant”. In de media-editor van Shopify kun je alt-teksten invullen en laten voorstellen. Controleer een voorstel altijd zelf.
  • Productteksten. Gebruik echte koppen en lijsten, en zet belangrijke informatie zoals maat en materiaal niet alleen in een afbeelding.
  • Links en knoppen. “Bekijk de maattabel” is duidelijker dan “Klik hier”.
  • Video. Geef productvideo’s ondertitels als er gesproken tekst in zit.

Waarom een overlay geen oplossing is

Je ziet ook apps die met één regel code of een widget beloven dat je winkel toegankelijk wordt. Zo’n overlay legt een laag over je winkel, maar de onderliggende code blijft hetzelfde. Een knop zonder naam of een variantkeuze die niet met het toetsenbord werkt, blijft dan een probleem voor wie zonder die laag surft of eigen hulpsoftware gebruikt.

De Amerikaanse toezichthouder FTC legde accessiBe in april 2025 een schikking op van 1 miljoen dollar. Volgens de FTC had het bedrijf beweerd dat zijn tool elke website aan WCAG kon laten voldoen en dat ook op de lange termijn kon blijven doen. Zulke claims mag accessiBe volgens het besluit alleen nog doen als het daarvoor bewijs heeft. Het besluit werd op 22 april 2025 met 3 tegen 0 stemmen genomen.

Toegankelijkheid los je dus op in je thema, je apps en je content zelf.

Zo toets je je Shopify-winkel

  1. Maak een kopie van je thema en test wijzigingen eerst daarin.
  2. Doorloop je bestelflow met alleen het toetsenbord: homepage, collectie, product, variant, winkelwagen, zoeken, inloggen, contact, winkelwagenpagina en het begin van afrekenen.
  3. Gebruik een schermlezer, zoals VoiceOver op een Mac of iPhone, of NVDA op Windows. Let op knoppen zonder naam en op de melding na toevoegen aan de winkelwagen.
  4. Verstuur formulieren leeg en met fouten en kijk of de meldingen duidelijk zijn en bij het juiste veld staan.
  5. Zoom in tot 200 procent en bekijk je winkel op een smal scherm.
  6. Controleer het contrast van tekst, knoppen en randen van invoervelden.
  7. Kijk naar je apps: chat, reviews, pop-ups en cookiebanners.
  8. Bekijk de checkout met het toetsenbord, inclusief je betaalmethoden en uitbreidingen.
  9. Herhaal dit na elke thema-update of nieuwe app, en werk je verklaring bij.

Meer over de criteria lees je in WCAG 2.2 voor webshops, en een volledige lijst in de EAA-checklist voor je webshop.

Hulp van een app

De Shopify-app van deze website doorloopt je bestelflow tot het begin van afrekenen en rekent nooit af. Ze test met axe-core en met eigen tests voor toetsenbord, focus, formulieren en meldingen, en geeft een rapport met prioriteiten en herstelvoorbeelden in Liquid en CSS. Die voorbeelden pas je zelf toe: de app wijzigt je thema niet. Via een app embed kun je een skiplink en een duidelijke focusstijl toevoegen. Het blijft een geautomatiseerde en gedeeltelijke toets: combineer hem met je eigen controles.