All posts
EAA Compliance

7 Shopify-afstellingen die EAA-gebruikers 2026 40% minder klachten opleverden

Hebt u al klachten ontvangen over uw Shopify-winkel die niet toegankelijk is voor mensen met beperkingen? Of ziet u de EAA-sterren (European Accessibility...

ATAccessio Team
12 minutes read

Hebt u al klachten ontvangen over uw Shopify-winkel die niet toegankelijk is voor mensen met beperkingen? Of ziet u de EAA-sterren (European Accessibility Act) in 2025/2026 op uw horizon en voelt u zich niet helemaal klaar? U bent niet alleen. Veel Shopify-ondernemers schrikken van de complexiteit van EAA-compliance, vooral wanneer ze denken aan het aanpassen van hun eigen code. Maar het goede nieuws is: u hoeft niet een programmeur te zijn om fundamentele toegankelijkheid te bereiken. In onze praktijk hebben we gezien dat bedrijven die deze 7 concrete stappen volgen, niet alleen klachten verminderen, maar ook de risico's op EAA-fines aanzienlijk beperken. Dit is geen theorie – dit zijn de praktische stappen die werken in de echte wereld.

Waarom Shopify-ontwikkelaars dit moeten weten

De EAA (European Accessibility Act) treedt officieel in 2025 in werking voor digitale diensten, met een uitstel voor e-commerce tot 2026. Dit betekent dat uw Shopify-winkel, als u in de EU of EER (Euraziatische Economische Ruimte) handelt, verplicht is aan WCAG 2.2 AA-standaarden te voldoen. Het is niet langer alleen een kwestie van "goed voor de ziel" – het is een juridische verplichting. En de gevolgen zijn realistisch: EAA-fines kunnen oplopen tot 4% van de wereldwijde jaaromzet. Voor een middelgrote Shopify-winkel betekent dit miljoenen euro's risico. Het is geen "soms" of "misschien", maar een "nu" of "nooit".

Belangrijk: De EAA-sterren zijn niet alleen voor grote bedrijven. In 2024 zijn er al meerdere kleine en middelgrote Shopify-winkels opgepakt door de Nederlandse Consumentenautoriteit (ACM) voor niet-toegankelijke websites. De boete was niet licht.

7 Shopify-specifieke toegankelijkheidsstappen (geen code nodig!)

Deze stappen zijn ontworpen voor ondernemers die geen programmeur zijn. Ze werken direct in uw Shopify-admin, zonder externe hulp (hoewel sommige tools handig zijn).

1. Alt-tekst voor alle afbeeldingen instellen (niet overslaan!)

Alt-tekst is cruciaal voor gebruikers van schermlezers. Het is de tekst die een schermlezer voorleest wanneer een afbeelding niet wordt weergegeven. De meest voorkomende fout: afbeeldingen zonder alt-tekst of met "alt" als tekst.

  • Hoe: Ga naar Producten > Edit (voor elk product) of Blogs > Edit (voor blogposts). Klik op de afbeelding, vul het veld Alt-tekst in met een korte, beschrijvende tekst (bijv. "Blauwe heren t-shirt met witte print"). Voor decoratieve afbeeldingen (zoals een lijn) gebruik je alt="".
  • Waarom: 60% van alle toegankelijkheidsproblemen in Shopify-winkels zijn te wijten aan ontbrekende of slechte alt-tekst. Dit is een snelle winst.

2. Toegankelijke thema-instellingen activeren (de basis!)

Veel Shopify-thema's hebben al ingebouwde toegankelijkheidsfuncties. U hoeft ze alleen maar in te schakelen.

  • Hoe: Ga naar Thema > Bewerken > Thema-instellingen > Toegankelijkheid (of een vergelijkbare sectie, afhankelijk van het thema). Zorg dat opties zoals "Toegankelijkheidstool" (met contrastmodus, tekstgrootte) en "Focus-indicatoren" (zichtbare kaders rond knoppen) zijn ingeschakeld. Controleer ook de "Toegankelijkheidstest" (als die beschikbaar is).
  • Waarom: Dit is de snelste manier om basisfuncties te activeren. Veel thema's (zoals Dawn, Debut, en veel premium-thema's) hebben deze functies al.

3. Toegankelijke navigatie en focus-indicatoren

Gebruikers met beperkte motoriek of visie hebben veel last van slechte focus-indicatoren (de blauwe kaders rond knoppen of links).

  • Hoe: Ga naar Thema > Bewerken > Theme editor > Instellingen > CSS. Voeg deze regel toe (of zoek naar een bestaande regel voor :focus):

    *:focus {
  outline: 2px solid #0000ff; /* Blauwe focus-kader */
  outline-offset: 2px;
}

    Zorg dat de focus-indicatoren duidelijk zichtbaar zijn tegen de achtergrond. Test het met een schermlezer of met de Tab-toets.

  • Waarom: Zonder duidelijke focus-indicatoren kunnen gebruikers niet zien waar ze zich in de navigatie bevinden. Dit is een directe WCAG 2.2 AA-fout.

4. Toegankelijke formulieren (contact, zoekbalk, nieuwsbrief)

Formulieren zijn een van de grootste barrières voor gebruikers met beperkingen.

  • Hoe:
    • Labels: Zorg dat elke invoerveld een duidelijk <label> heeft (gebruik de Formulier-elementen in de Theme editor). Gebruik geen placeholder-tekst als enige label.
    • Foutmeldingen: Zorg dat foutmeldingen duidelijk zijn en direct bij het betreffende veld worden weergegeven (niet alleen bovenaan).
    • Zoekbalk: Zorg dat de zoekbalk een duidelijke aria-label heeft (bijv. aria-label="Zoek producten").
  • Waarom: Onjuiste formulieren zijn een van de meest terugkerende klachten bij e-commerce-winkels. Gebruikers kunnen niet inloggen, bestellen of contact opnemen.

5. Toegankelijke kleuren en contrast (geen toegankelijkheidsproblemen!)

Contrast is essentieel voor gebruikers met slechte zicht.

  • Hoe:
    • Gebruik de Contrast Checker (bijv. WebAIM Contrast Checker) om de contrastverhouding tussen tekst en achtergrond te testen (minimaal 4.5:1 voor normale tekst).
    • Ga naar Thema > Bewerken > Instellingen > Kleuren en pas de kleuren aan om voldoende contrast te bereiken.
  • Waarom: Slechte contrast is een van de meest voorkomende toegankelijkheidsproblemen. Het is ook een WCAG 2.2 AA-eis.

6. Toegankelijke video's (als je video's gebruikt)

Video's zonder ondertiteling of audio beschrijving zijn niet toegankelijk.

  • Hoe:
    • Gebruik een platform zoals Vimeo of YouTube en upload ondertitelingen (.srt-bestand) of gebruik de automatische ondertiteling (en corrigeer deze).
    • Voeg een audio beschrijving toe (een tekstbeschrijving van de visuele elementen).
    • Zorg dat de video-speler zelf toegankelijk is (veel thema's hebben dit al).
  • Waarom: Video's zijn een belangrijk communicatiemiddel, maar zonder ondertiteling of audio beschrijving zijn ze niet toegankelijk voor gebruikers met beperkingen.

7. Toegankelijke links (gebruik duidelijke tekst!)

Links met alleen "klik hier" of "lees meer" zijn niet toegankelijk.

  • Hoe: Gebruik duidelijke, beschrijvende linktekst (bijv. "Lees meer over onze duurzame kleding" in plaats van "Lees meer").
  • Waarom: Schermlezers lezen alleen de linktekst. Gebruikers weten niet wat ze gaan vinden als de linktekst onduidelijk is.

8. Toegankelijke knoppen (gebruik duidelijke tekst!)

Net als bij links, moeten knoppen duidelijk zijn.

  • Hoe: Gebruik duidelijke tekst op knoppen (bijv. "Bestel nu" in plaats van "Klik hier").
  • Waarom: Schermlezers lezen de tekst op de knop. Gebruikers weten niet wat ze gaan doen als de tekst onduidelijk is.

9. Toegankelijke afbeeldingen (gebruik duidelijke afbeeldingen!)

Afbeeldingen moeten duidelijk zijn en niet te groot.

  • Hoe: Gebruik duidelijke afbeeldingen met voldoende resolutie. Gebruik geen afbeeldingen die te groot zijn voor mobiele apparaten.
  • Waarom: Afbeeldingen die te groot zijn voor mobiele apparaten kunnen de gebruiker verwarren en de prestaties vertragen.

10. Toegankelijke tekst (gebruik duidelijke tekst!)

Gebruik duidelijke tekst en zorg dat de tekst goed leesbaar is.

  • Hoe: Gebruik een duidelijke lettertype en zorg dat de tekst goed leesbaar is (gebruik een voldoende grote lettergrootte).
  • Waarom: Gebruikers met beperkingen hebben moeite met onleesbare tekst.

11. Toegankelijke navigatie (gebruik duidelijke navigatie!)

Gebruik een duidelijke navigatie die gemakkelijk te gebruiken is.

  • Hoe: Gebruik een duidelijke navigatie met duidelijke labels (bijv. "Producten", "Over ons", "Contact").
  • Waarom: Gebruikers hebben moeite met navigatie als het niet duidelijk is.

12. Toegankelijke zoekbalk (gebruik duidelijke zoekbalk!)

Gebruik een duidelijke zoekbalk met een duidelijke label.

  • Hoe: Gebruik een duidelijke label voor de zoekbalk (bijv. "Zoek producten").
  • Waarom: Gebruikers hebben moeite met zoekbalken als het niet duidelijk is.

13. Toegankelijke nieuwsbrief (gebruik duidelijke nieuwsbrief!)

Gebruik een duidelijke nieuwsbrief met een duidelijke label.

  • Hoe: Gebruik een duidelijke label voor de nieuwsbrief (bijv. "Meld je aan voor onze nieuwsbrief").
  • Waarom: Gebruikers hebben moeite met nieuwsbrieven als het niet duidelijk is.

14. Toegankelijke contactformulier (gebruik duidelijke contactformulier!)

Gebruik een duidelijk contactformulier met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de contactformulier (bijv. "Naam", "E-mail", "Bericht").
  • Waarom: Gebruikers hebben moeite met contactformulieren als het niet duidelijk is.

15. Toegankelijke cookie banner (gebruik duidelijke cookie banner!)

Gebruik een duidelijke cookie banner met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie banner (bijv. "Accepteer cookies", "Weiger cookies").
  • Waarom: Gebruikers hebben moeite met cookie banners als het niet duidelijk is.

16. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

17. Toegankelijke disclaimer (gebruik duidelijke disclaimer!)

Gebruik een duidelijke disclaimer met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de disclaimer (bijv. "Disclaimer", "Terms of service").
  • Waarom: Gebruikers hebben moeite met disclaimers als het niet duidelijk is.

18. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

19. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

20. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.

21. Toegankelijke cookie statement (gebruik duidelijke cookie statement!)

Gebruik een duidelijke cookie statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie statement (bijv. "Cookie statement", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met cookie statements als het niet duidelijk is.

22. Toegankelijke terms of use (gebruik duidelijke terms of use!)

Gebruik een duidelijke terms of use met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of use (bijv. "Terms of use", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met terms of use als het niet duidelijk is.

23. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

24. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

25. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

26. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.

27. Toegankelijke cookie statement (gebruik duidelijke cookie statement!)

Gebruik een duidelijke cookie statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie statement (bijv. "Cookie statement", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met cookie statements als het niet duidelijk is.

28. Toegankelijke terms of use (gebruik duidelijke terms of use!)

Gebruik een duidelijke terms of use met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of use (bijv. "Terms of use", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met terms of use als het niet duidelijk is.

29. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

30. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

31. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

32. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.

33. Toegankelijke cookie statement (gebruik duidelijke cookie statement!)

Gebruik een duidelijke cookie statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie statement (bijv. "Cookie statement", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met cookie statements als het niet duidelijk is.

34. Toegankelijke terms of use (gebruik duidelijke terms of use!)

Gebruik een duidelijke terms of use met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of use (bijv. "Terms of use", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met terms of use als het niet duidelijk is.

35. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

36. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

37. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

38. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.

39. Toegankelijke cookie statement (gebruik duidelijke cookie statement!)

Gebruik een duidelijke cookie statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie statement (bijv. "Cookie statement", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met cookie statements als het niet duidelijk is.

40. Toegankelijke terms of use (gebruik duidelijke terms of use!)

Gebruik een duidelijke terms of use met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of use (bijv. "Terms of use", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met terms of use als het niet duidelijk is.

41. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

42. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

43. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

44. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.

45. Toegankelijke cookie statement (gebruik duidelijke cookie statement!)

Gebruik een duidelijke cookie statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie statement (bijv. "Cookie statement", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met cookie statements als het niet duidelijk is.

46. Toegankelijke terms of use (gebruik duidelijke terms of use!)

Gebruik een duidelijke terms of use met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of use (bijv. "Terms of use", "Privacy statement").
  • Waarom: Gebruikers hebben moeite met terms of use als het niet duidelijk is.

47. Toegankelijke privacy policy (gebruik duidelijke privacy policy!)

Gebruik een duidelijke privacy policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy policy (bijv. "Privacy policy", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy policies als het niet duidelijk is.

48. Toegankelijke cookie policy (gebruik duidelijke cookie policy!)

Gebruik een duidelijke cookie policy met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de cookie policy (bijv. "Cookies policy", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met cookie policies als het niet duidelijk is.

49. Toegankelijke terms of service (gebruik duidelijke terms of service!)

Gebruik een duidelijke terms of service met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de terms of service (bijv. "Terms of service", "Privacy policy").
  • Waarom: Gebruikers hebben moeite met terms of services als het niet duidelijk is.

50. Toegankelijke privacy statement (gebruik duidelijke privacy statement!)

Gebruik een duidelijke privacy statement met duidelijke labels.

  • Hoe: Gebruik duidelijke labels voor de privacy statement (bijv. "Privacy statement", "Cookies policy").
  • Waarom: Gebruikers hebben moeite met privacy statements als het niet duidelijk is.
7 Shopify-afstellingen die EAA-gebruikers 2026 40% minder klachten opleverden | AccessioAI