zekertoegankelijk.nl

Kennisbank

Hoe maak ik mijn Shopify-webshop EAA-conform en toegankelijk?

Of uw shop voldoet aan de European Accessibility Act (EAA), de Europese wet die producten en diensten toegankelijk maakt, hangt af van drie keuzes binnen het platform: het thema dat u kiest, de content die u zelf toevoegt, en de apps die u installeert. Shopify zelf is in die zin neutraal terrein.

Uw thema bepaalt het startpunt

Shopify werkt met Online Store 2.0-thema's, opgebouwd uit secties en blokken in Liquid. Het gratis standaardthema Dawn is gebouwd met aandacht voor semantische HTML, maar dat geldt niet voor elk thema in de Shopify Theme Store; betaalde en gratis thema's van derden verschillen sterk in hoe consequent ze koppen, focusstijlen en labels opbouwen. Controleer bij de keuze of aanpassing van een thema minimaal de kopstructuur, de zichtbare focusindicator bij toetsenbordnavigatie en de alt-tekstvelden bij productafbeeldingen.

Bekende knelpunten in Shopify-webshops

Een paar plekken komen in de praktijk vaak terug. Kortingslabels en sale-badges hebben regelmatig te weinig contrast tussen tekst en achtergrond, zeker bij fel gekleurde thema-varianten. De Shopify-checkout is grotendeels vastgezet door het platform zelf, maar aanpassingen via checkout-extensies (met name op Shopify Plus) kunnen nieuwe velden of stappen toevoegen die opnieuw volledig met het toetsenbord te doorlopen moeten zijn. En formuliervelden in accountregistratie en verzendadressen hebben een zichtbaar gekoppeld label nodig, niet enkel een placeholder-tekst.

Apps kunnen problemen terugbrengen

De Shopify App Store maakt het eenvoudig om functionaliteit toe te voegen: productreviews, kortingstimers, pop-ups voor e-mailinschrijving, live chat. Elke app die nieuwe UI-elementen op de pagina zet, kan opnieuw contrast-, label- of toetsenbordproblemen introduceren, ook als uw thema zelf in orde was. Test daarom na elke nieuwe app-installatie opnieuw met het toetsenbord en een schermlezer.

Een overlay-app is geen oplossing

De Shopify App Store bevat ook toegankelijkheidsoverlay-apps die beloven uw shop met één installatie te laten voldoen. Dat werkt niet: een overlay maakt u niet EAA-conform, op geen enkel platform. De norm wordt getoetst tegen EN 301 549, de technische norm waaraan een toegankelijke website moet voldoen, en die toets kijkt naar de broncode van uw shop zelf. Een laagje JavaScript eroverheen verandert die code niet.

Wilt u weten wat WCAG 2.1 AA concreet van uw webshop vraagt? Of bekijk hoe de aanpak verschilt per webshopplatform. Een gratis expertscan van uw homepage laat zien waar uw Shopify-thema en app-stack nu staan, of start met een volledige nulmeting voor een geprioriteerde bevindingenlijst.

En toegankelijk worden loont ook los van de wet: u wint klanten die nu afhaken en bent klaar voor de assistenten die straks namens hen bestellen.

Veelgestelde vragen

Is Shopify standaard WCAG-conform?

Nee. Shopify levert de basis, maar of uw shop voldoet aan WCAG 2.1 AA hangt af van het gekozen thema, de content die u toevoegt en de apps die u installeert. Zelfs het standaardthema Dawn vraagt om zorgvuldige configuratie.

Is Shopify Plus toegankelijker dan een gewoon Shopify-abonnement?

Niet automatisch. Shopify Plus geeft meer mogelijkheden om de checkout aan te passen via checkout-extensibility, maar elke aanpassing moet u zelf op toegankelijkheid toetsen. Zonder die toets is Plus niet toegankelijker dan een standaardabonnement.

Maken Shopify-apps mijn shop minder toegankelijk?

Dat kan. Apps voor reviews, upsells of pop-ups voegen eigen HTML toe die het contrast, de labels of de toetsenbordvolgorde kan verstoren. Test daarom telkens opnieuw na het installeren van een nieuwe app.

Moet ik van Shopify wisselen om EAA-conform te worden?

Meestal niet. Toegankelijkheid zit in uw thema, content en apps, niet in het platform zelf. Een meting laat zien of de knelpunten in uw huidige thema of app-stack zitten, voordat u een overstap overweegt.

Bronnen: WCAG 2.1 (W3C) (opent in nieuw tabblad) · EN 301 549 (ETSI) (opent in nieuw tabblad)

Hoe het werkt

Van eerste inzicht naar actueel bewijs.

  1. STAP 01

    Gratis expertscan

    € 0, geen verplichtingen

    Een specialist beoordeelt uw homepage en stuurt de belangrijkste bevindingen in begrijpelijke taal.

    Gratis scan inplannen
  2. STAP 02

    Nulmeting

    € 1.950 eenmalig

    Een volledige baseline volgens WCAG-EM: rapporten voor directie, projectleiding en ontwikkelteam, een geprioriteerde herstellijst en een publiceerbare toegankelijkheidsverklaring.

    Meer over de nulmeting
  3. Jaarplan

    STAP 03

    Onderhouden

    Vanaf € 349 per maand

    Periodieke audits met hertesten en een verklaring die actueel blijft wanneer uw site verandert.

    Bekijk de abonnementen