5102 EAA Deadline 2026: 7 Magento 2 Accessibility Checks voor EAA-compliant e-commerce

Stel je voor: je ontvangt een e-mail van de Nederlandse Consumentenautoriteit met een boete van €15.000 voor een niet-toegankelijke webwinkel. Niet alleen schadelijk voor je reputatie, maar ook voor je omzet. In 2026 gelden de EAA-vereisten (European Accessibility Act) strenger dan ooit voor alle e-commerceplatforms in de EU. Voor Magento 2-gebruikers is dit geen optie – het is een noodzaak. En niet iedereen weet hoe je dit echt oplost. In dit artikel geef ik je concrete, Magento-specifieke stappen om je winkel volledig EAA-compliant te maken voordat de deadline in 2026 invalt. Geen theorie, maar praktijk.

Waarom dit voor jou belangrijk is

De EAA (European Accessibility Act) vereist dat alle digitale diensten, inclusief e-commerce, voldoen aan WCAG 2.2 AA-standaarden. In Nederland en België betekent dit dat je winkel minimaal voldoet aan de 5102-richtlijnen. Veel Magento-gebruikers denken dat een "toegankelijk" thema of een plugin voldoende is. Dat is niet zo. Het gaat om de hele stack: producten, checkout, navigatie en zelfs de manier waarop je content wordt gepresenteerd.

Praktijkvoorbeeld: In 2023 kreeg een Nederlandse retailer een boete van €12.000 omdat hun Magento 2-checkout geen schermleesprogramma’s ondersteunde. Klanten konden de betaalopties niet horen of lezen. Het was een eenvoudige codefout in de checkout.phtml-template.

De 5102 EAA-vereisten voor e-commerce

De EAA richtlijnen zijn specifiek voor e-commerce. Hier zijn de 7 kritieke punten die je moet controleren in Magento 2:

1. Toegankelijke navigatie en labels

De EAA vereist dat alle interactieve elementen (knoppen, links) duidelijke en beschrijvende labels hebben. In Magento 2 moet je dit controleren in:

• Admin > Content > Design > Configuration > Theme Settings

• Kijk naar de navigation.phtml-bestanden in je thema.

• Zorg dat alle menu-items een aria-label hebben. Bijvoorbeeld:

  <a href="/producten" aria-label="Bekijk alle producten">Producten</a>
  

• Fout die veel maken: Gebruik alleen tekst zoals "Klik hier" of "Meer". Dat is niet toegankelijk.

2. Formulieren en checkout

De EAA vereist dat formulieren duidelijke foutmeldingen geven. In Magento 2:

• Ga naar Admin > Sales > Order Settings > Checkout Options

• Zorg dat alle velden een aria-describedby hebben. Bijvoorbeeld:

  <input type="text" id="email" aria-describedby="email-error">
  <div id="email-error" class="error">Vul een geldig e-mailadres in</div>
  

• Praktische check: Probeer de checkout met een schermleesprogramma (bijv. NVDA of VoiceOver). Kan de gebruiker de velden en fouten begrijpen?

3. Afbeeldingen en alternatieve teksten

De EAA vereist dat alle afbeeldingen een alt-tekst hebben. In Magento 2:

• Ga naar Admin > Catalog > Products
• Klik op een product en kies Images & Videos
• Vul bij elke afbeelding de Alt Text in. Bijvoorbeeld: "Rode T-shirt met witte strepen"
• Fout die veel maken: Laat de alt-tekst leeg of gebruik alleen "afbeelding". Dat is niet toegankelijk.

4. Toegankelijkheid van producten en filters

De EAA vereist dat filters en sorteeropties duidelijk zijn. In Magento 2:

• Ga naar Admin > Catalog > Attributes > Manage Attributes
• Kijk naar de attributen die je gebruikt voor filters (bijv. "Kleur", "Maat")
• Zorg dat de is_filterable-optie is ingeschakeld
• Praktische check: Gebruik een schermleesprogramma om de filters te testen. Zegt het programma welke opties zijn geselecteerd?

5. Toegankelijkheid van de winkelwagen

De EAA vereist dat de winkelwagen duidelijk is. In Magento 2:

• Ga naar Admin > Content > Design > Configuration > Theme Settings

• Kijk naar de cart.phtml-bestanden

• Zorg dat alle knoppen en prijzen een aria-label hebben. Bijvoorbeeld:

  <button aria-label="Verwijder product">Verwijder</button>
  

• Fout die veel maken: Gebruik alleen pictogrammen zonder tekst. Dat is niet toegankelijk.

6. Toegankelijkheid van de betaalstroom

De EAA vereist dat de betaalstroom duidelijk is. In Magento 2:

• Ga naar Admin > Stores > Configuration > Sales > Payment Methods

• Kijk naar de betaalmethoden (bijv. iDEAL, PayPal)

• Zorg dat de knoppen een aria-label hebben. Bijvoorbeeld:

  <button aria-label="Betaal met iDEAL">Betaal</button>
  

• Praktische check: Test de betaalstroom met een schermleesprogramma. Kan de gebruiker de stappen volgen?

7. Toegankelijkheid van de content

De EAA vereist dat de content duidelijk is. In Magento 2:

• Ga naar Admin > Content > Pages
• Kijk naar de pagina’s (bijv. "Over ons", "Contact")
• Zorg dat de content een duidelijke structuur heeft (bijv. <h1>, <h2>)
• Praktische check: Gebruik een schermleesprogramma om de content te testen. Zegt het programma welke secties zijn?

Hoe test je de toegankelijkheid?

1. Gebruik een schermleesprogramma: Probeer de website met NVDA (Windows) of VoiceOver (Mac).
2. Gebruik een toegankelijkheidstool: Gebruik bijvoorbeeld Lighthouse in Chrome DevTools.
3. Gebruik een handmatige check: Ga naar Admin > System > Tools > Diagnostics en kijk naar de toegankelijkheidswaarschuwingen.

Conclusie

De EAA-richtlijnen zijn niet alleen voor Nederlandse bedrijven. Ze zijn ook van toepassing op bedrijven die in de EU werken. Als je de 7 punten hierboven controleert, ben je veel dichter bij een toegankelijke website.

Belangrijk: De EAA-richtlijnen zijn niet alleen voor mensen met een beperking. Ze zijn ook voor mensen die een schermleesprogramma gebruiken, of mensen die snel een website willen scannen.

Vraag jezelf af: "Kan ik deze website gebruiken met een schermleesprogramma?" Als het antwoord "ja" is, dan ben je op de goede weg.