Toegankelijkheid met Shopify

De thema's en apps van Shopify bepalen de toegankelijkheid. De checkout is grotendeels door Shopify vastgelegd.

Veelvoorkomende vindplaatsen

Themakleuren met te weinig contrast, productafbeeldingen zonder alt-tekst, review- en pop-upapps zonder toetsenbordbediening, megamenu's die alleen bij hover opengaan, carrousels zonder pauze. De Shopify-kern is meestal niet het probleem — het thema, de apps en de in de rich-text-editor gemaakte inhoud wel.

Thema controleren en kiezen

Het thema bepaalt contrast, zichtbare focus, koppenstructuur en toetsenbordbediening van het menu en de filters. Criteria vóór de keuze: tab door de homepage, een collectie en een productpagina — is de focus altijd zichtbaar? Gaat het menu open zonder muis? Is het contrast van tekst en knoppen minstens 4,5:1? De Online Store 2.0-standaardthema's (Dawn en de daarvan afgeleide) zijn een solide startpunt; bij gekochte thema's helpt de toetsenbordtest op de demo en de vraag aan de leverancier om een toegankelijkheidsverklaring.

Productafbeeldingen, varianten en rich text

Geef elke productafbeelding in de admin een alt-tekst die de inhoud beschrijft — niet de bestandsnaam. Hetzelfde geldt voor variantafbeeldingen. Tekst die als afbeelding in een badge of banner is gebrand ("Sale", "Alleen vandaag") is onzichtbaar voor schermlezers; gebruik echte tekst. Gebruik in de rich-text-editor van de productbeschrijving de kopniveaus netjes (maak tekst niet alleen groot) en lijsten als echte lijsten.

Apps en ingesloten widgets

Review-, pop-up-, upsell- en cookiebanner-apps injecteren vaak eigen widgets die de toetsenbordfocus opsluiten, geen labels hebben of overlays tonen zonder sluitmogelijkheid. Test elke app apart met het toetsenbord; slider- en aftel-apps hebben een pauze nodig en mogen niets laten knipperen. Een toegankelijkheidsoverlay als app lost de structurele problemen niet op en wordt bekritiseerd door belangenorganisaties van betrokkenen. Bij twijfel: verwijder de app.

Checkout: wat Shopify voorschrijft en wat niet

De standaardcheckout van Shopify wordt door Shopify onderhouden en is grotendeels toegankelijk opgebouwd — daar heb je weinig knoppen. Wat je wel beïnvloedt: checkout-extensies en eigen velden (cadeaubericht, leeftijdscontrole) kunnen toetsenbord- of schermlezergebruik hinderen, en de weg tot de checkout — winkelwagen, kortingscodeveld, verzendkeuze — zit in het thema. Test die stappen ook.

Testen en veelgestelde vragen

Snelle test: bedien de homepage, een collectie en een productpagina alleen met het toetsenbord, zoom in de browser naar 200%, draai een extensie zoals WAVE of axe DevTools. De gratis scan van a11yglass controleert bovendien de geleverde HTML op contrast, alt-teksten, labels, taal en structuur. Heeft mijn Shopify-winkel een toegankelijkheidsverklaring nodig? Meestal wel — een winkel waarin consumenten kopen is elektronische handel in de zin van het BFSG; zie de pagina over de toegankelijkheidsverklaring. Is de checkout van Shopify al toegankelijk? Grotendeels de verantwoordelijkheid van Shopify, maar extensies kunnen hem breken. Welk thema is toegankelijk? Er is geen keurmerk — doorslaggevend is de uitvoering in het concrete geval.

Hoe a11yglass helpt

De gratis scan controleert de geleverde HTML en CSS op automatisch herkenbare WCAG-schendingen en noemt per bevinding het succescriterium en een concrete maatregel. Hij vindt ruwweg 20–35 % van de problemen en vervangt geen volledige audit.

Verder lezen

Algemene informatie naar beste weten, geen juridisch advies. Raadpleeg voor het individuele geval een advocatenkantoor dat gespecialiseerd is in IT-recht.