Magento-toegankelijkheid
Maak je Magento-shop écht toegankelijk. EAA & WCAG, zonder overlay
Adobe Commerce is krachtig, maar niet automatisch toegankelijk: de Knockout.js-frontend en het Luma-thema introduceren stille drempels in je checkout en navigatie. Wij vinden ze en leveren de fix in je eigen .phtml-templates, geen widget dat je site vertraagt.
Zo pakt Seviranta je Magento-site bij de bron aan
Waar de drempels zich verstoppen
Thema’s, uitbreidingen en formulieren introduceren stille barrières. Wij vinden ze allemaal.
De fix in de bron, niet eroverheen
Concrete reparaties in je thema en templates, geen overlay-laag die de fouten alleen verbergt.
Geen widget, geen vertraging
We crawlen extern vanaf EU-servers, 0% impact op je laadsnelheid en Core Web Vitals.
Klaar voor de EAA
We toetsen je site tegen WCAG, op het niveau waarop toezichthouders toetsen.
Headless scan op axe-core, dezelfde motor die in Google Lighthouse zit, vanaf onze EU-servers. 0% impact op je laadsnelheid.
De waarheid: Magento is niet automatisch toegankelijk
De standaard Magento-frontend leunt op een zware, verouderde Knockout.js-laag en het Luma-thema. In veel installaties laadt de checkout formulieren dynamisch in zonder dat een screenreader de wissel meekrijgt, en heeft Luma op meerdere plekken te laag contrast. Dat zijn drempels die je klanten, en de European Accessibility Act, niet accepteren.
Wat er écht op het spel staat
- Een niet-toegankelijke checkout is een directe EAA-overtreding.
- Een accessibility-widget geldt niet als structurele oplossing.
- Toezichthouders testen de gegenereerde HTML, inclusief je apps.
- 'We gebruiken Magento' is geen juridisch verweer: de verantwoordelijkheid ligt bij de webshop die live staat, niet bij het platform.
Wat het kan kosten als je wacht
tot € 1.000.000
EU-maximum · Spanje/Luxemburg
$ 4.000
VS · Californië (Unruh), per bezoek
Je wordt niet uit het niets beboet, eerst komt een herstelbevel met deadline. Maar wie dán een gedateerd dossier kan tonen, komt het goedkoopst weg.
Zie wat geldt voor jouw afzetmarkt →Het verborgen risico van third-party Magento-uitbreidingen
Review-widgets, filters, bundlers en zoek-apps injecteren dynamische HTML in je frontend, en elke app-update kan er een nieuwe drempel bij zetten. In een audit telt die code volledig mee, ook al schreef je 'm niet zelf. Daarom bewaakt Seviranta doorlopend het eindresultaat zoals een toezichthouder het ziet: je Magento-thema plus alle apps en dynamische content.
Wat er op Magento vaak misgaat
- Knockout.js-checkout zonder live-regionDe standaard checkout-flow laadt stappen en formulieren dynamisch in via Knockout.js. Zonder live-region of focus-verplaatsing krijgt een screenreader de transitie niet mee en blijft de gebruiker achter op de oude stap.
- Mini-cart zonder focus-managementDe mini-cart bovenaan het Luma-thema klapt uit zonder de focus erin te zetten of vast te houden. Toetsenbord- en screenreader-gebruikers weten niet dat het paneel open is.
- Luma-thema met te laag contrastHet Luma-thema gebruikt op veel plekken lichtgrijze tekst en knoppen die onder de WCAG 2.2 AA-contrastdrempel zakken, slecht leesbaar voor slechtziende bezoekers.
- Layered navigation zonder aria-expandedDe filters van de layered navigation klappen open en dicht zonder aria-expanded, waardoor een screenreader niet meldt of een filtergroep open of gesloten is.
Zo ziet een echte fix eruit
Neem de mini-cart bovenaan je Luma-thema. Klapt hij uit, dan verspringt de focus niet mee, zodat een screenreader-gebruiker de inhoud mist. De fix zit in de .phtml-template van het thema, geen herbouw:
<div class="minicart-wrapper">
<!-- inhoud verschijnt zonder focus -->
</div><div class="minicart-wrapper"
role="dialog"
aria-label="<?= $block->escapeHtmlAttr(__('Winkelwagen')) ?>"
tabindex="-1">
<!-- zet focus hierheen bij openen -->
</div>Waar je het in Magento zelf regelt
Adobe legt de verantwoordelijkheid voor toegankelijkheid uitdrukkelijk bij de merchant. Dit is waar het in Magento 2 typisch misgaat en op welke laag je het oplost.
- 1Weet wat Adobe zelf rapporteertAdobe's eigen Accessibility Conformance Report voor Adobe Commerce toetst Luma per WCAG-criterium en meldt onder meer iconen zonder tekstalternatief, een koppenstructuur in de checkout die niet klopt, een skip-link met te weinig contrast en hoofdnavigatie die niet met het toetsenbord te activeren is. Het nieuwere Edge Delivery-storefront (rapport 2025) scoort 'does not support' op info en relaties, non-text contrast en statusmeldingen. Standaard-Luma is dus geen veilige basis.
- 2Templates: override in je thema, niet in coreMarkup-fouten (ontbrekende labels, verkeerde ARIA-rollen in het menu, knoppen als <a> zonder href) los je op door het .phtml-template te kopiëren naar app/design/frontend/<Vendor>/<theme>/<Module>/templates/ en daar te repareren. Template path hints in de admin laten zien welk bestand een blok rendert.
- 3Layout-XML en Knockout-templatesWat niet in een .phtml zit, zit vaak in een UI-component: de minicart, checkout en layered navigation renderen via Knockout .html-templates die in de jsLayout staan (bijvoorbeeld Magento_Checkout/minicart/content). Focus-management en live-regions voeg je daar toe; blokken verplaats of vervang je met <referenceBlock> in de layout-XML van je thema.
- 4JavaScript via mixinsGedrag (focus verplaatsen bij het openen van de minicart, aria-expanded bijwerken bij filters) pas je aan met een RequireJS-mixin in requirejs-config.js, zonder core-bestanden te overschrijven. Zo overleeft de fix een Magento-update.
- 5Alt-tekst en taal in de adminAlt-tekst per productafbeelding staat in de admin onder Images and Videos → Alt Text, per store view. Het lang-attribuut komt automatisch uit de store-locale, maar alleen als taalcode; controleer dat elke store view de juiste locale heeft. Extensies uit de Marketplace injecteren hun eigen blokken via layout-XML; die vallen onder jouw verantwoordelijkheid en zitten in onze scan.
Hyvä claimt een frontend volgens WCAG 2.1 AA, maar zegt er zelf bij dat het thema maar een deel van een winkel is. Extensies, content en eigen aanpassingen bepalen het eindresultaat; daarom scannen wij de gepubliceerde pagina.
Wat je krijgt
Per fout: wat, waarom en hoe
Voor elke bevinding zie je wat er fout is, wie het raakt, welke WCAG-regel het betreft en een concrete, Magento-bewuste oplossing, met code-voorbeeld waar dat kan.
Platform-specifieke herkenning
Je vangt de fouten die juist op Magento ontstaan, niet alleen wat een generieke WCAG-check oppikt.
Een dossier dat standhoudt
Een gedateerd overzicht van je scans en bevindingen dat je kunt tonen bij een audit of inspectie.
Bij een rapporteer-tool betaal je de licentie én je developers om de fouten op te lossen. Bij Seviranta zit de fix erin, geen dubbele rekening.
Bescherm je conversie én je juridische status
Een app die een toegankelijkheids-icoon over je Magento-site plakt, is een risico voor je business. De feiten op een rij:
Magento accessibility-widgets
- Laden extra externe scripts die je laadsnelheid (LCP) en daarmee je conversie schaden.
- Maskeren de fout in plaats van 'm op te lossen, de onderliggende code blijft fout.
- Beschermen niet tegen claims. De FTC beboette overlay-aanbieder accessiBe in 2025 met $1 miljoen wegens misleidende compliance-claims.
De Seviranta-aanpak
- 0% impact op je laadsnelheid, we scannen extern vanaf onze EU-servers.
- We repareren de échte broncode van je Magento-templates.
- We bouwen automatisch je bewaarbare EAA-dossier op, klaar om aan een toezichthouder te tonen.
Vragen en antwoorden
- Is Hyvä of PWA Studio automatisch toegankelijk?
- Hyvä implementeert volgens de eigen documentatie WCAG 2.1 AA-features sinds versie 1.3.0 en raadt zelf aan met axe en alleen het toetsenbord te testen. Adobe's rapport voor Venia (PWA Studio) toetst per criterium en claimt geen conformiteit. Een goed basisthema helpt; extensies, content en maatwerk bepalen de rest.
- Ik verkoop vanuit de EU ook naar de VS of het VK. Wat geldt daar?
- In de VS kent ADA Title III geen federale technische standaard, maar wel massale private rechtszaken: in 2024 ruim 2.400 federale website-zaken (Seyfarth) en volgens UsableNet meer dan 4.000 digitale zaken, 77% tegen e-commerce, waarvan ruim duizend tegen sites mét een widget. In het VK legt de Equality Act 2010 een anticiperende plicht tot redelijke aanpassingen op, zonder boeteplafond. WCAG is in alle drie de markten de meetlat.
- Mijn winkel draait op een oudere Magento 2.3 of 2.4.x. Kan dat?
- Ja. We toetsen de gepubliceerde HTML, onafhankelijk van versie of thema. Fixes leveren we op template-, layout- of JavaScript-niveau, zodat je developer ze in het thema doorvoert en ze een update overleven.
- Is een Magento accessibility-widget genoeg voor de EAA?
- Nee. Een widget legt een laagje over je site, maar repareert de onderliggende code niet en geldt niet als structurele compliance.
- Valt mijn Magento-checkout onder de EAA?
- Ja. De checkout en navigatie zijn expliciet onderdeel van de verplichting onder WCAG 2.1 AA.
- Scant Seviranta ook mijn Magento-apps?
- Ja. We testen de uiteindelijke gegenereerde HTML, thema plus apps, zoals een toezichthouder dat doet.
- Vertraagt dit mijn Magento-site?
- Nee. We scannen extern vanaf onze EU-servers; er komt geen script op je site. 0% impact op je laadsnelheid en Core Web Vitals.
Wij doen het zelf ook
Wij houden onszelf aan exact dezelfde lat: onze eigen site scoort 0 fouten in axe-core, dezelfde motor die in Google Lighthouse zit en waarmee we ook jouw Magento-shop scannen. Wat een machine zeker vaststelt lossen we machinaal op, de rest beoordeelt een mens. Zo scherp krijg je het van ons: bekijk een echt voorbeeldrapport.
Wat de EAA van je Magento-shop vraagt
Sinds juni 2025 moet je webshop voldoen aan WCAG 2.1 AA, een Magento-shop is geen uitzondering. De gratis scan laat in 60 seconden zien waar je staat, mét de exacte regel die niet voldoet.
Verkoop je in meerdere landen?
WCAG is de wereldwijde standaard. Vrijwel elke markt haakt erop aan:
Fix je Magento-shop één keer naar WCAG en je dekt de technische lat in al die markten. Wat per markt verschilt, zijn de handhaver en de boetes.
Bekijk wat per afzetmarkt geldt →Beheer je meerdere Magento-sites voor klanten?
Voorkom dat de webshops die je oplevert een juridisch risico onder de EAA worden voor je opdrachtgevers. Zet Seviranta in als je geautomatiseerde kwaliteitsstempel bij elke oplevering en deploy, één scan, en elke site is aantoonbaar in orde.
Bekijk ons partnerprogramma →Andere platforms
Scan je Magento-shop gratis
Plak je Magento-URL in de gratis scan en zie binnen een minuut welke regels niet voldoen, mét de exacte plek in je thema.