Magento-tillgänglighet
Gör din Magento-butik verkligt tillgänglig. EAA och WCAG, utan overlay
Adobe Commerce är kraftfullt, men inte tillgängligt automatiskt: Knockout.js-frontenden och Luma-temat skapar tysta hinder i din kassa och navigering. Vi hittar dem och levererar fixen i dina egna .phtml-mallar, ingen widget som gör din sajt långsammare.
Så tar sig Seviranta an din Magento-webbplats vid källan
Var trösklarna gömmer sig
Teman, tillägg och formulär inför tysta barriärer. Vi hittar dem allihop.
Korrigeringen i källan, inte ovanpå
Konkreta reparationer i din tema och mallar, inget overlay-lager som bara döljer felen.
Ingen widget, ingen fördröjning
Vi crawlar externt från EU-servrar, 0% påverkan på din laddningshastighet och Core Web Vitals.
Redo för EAA
Vi granskar din webbplats mot WCAG, på samma nivå som tillsynsmyndigheterna granskar.
Headless-skanning med axe-core, samma motor som sitter i Google Lighthouse, från våra EU-servrar. 0% påverkan på din laddningstid.
Sanningen: Magento är inte tillgängligt automatiskt
Magentos standard-frontend lutar sig mot ett tungt, föråldrat Knockout.js-lager och Luma-temat. I många installationer laddar kassan in formulär dynamiskt utan att en skärmläsare uppfattar bytet, och Luma har på flera ställen för låg kontrast. Det är hinder som dina kunder, och European Accessibility Act, inte accepterar.
Vad som verkligen står på spel
- En icke-tillgänglig kassa är en direkt EAA-överträdelse.
- En accessibility-widget räknas inte som en strukturell lösning.
- Tillsynsmyndigheter testar den genererade HTML:en, inklusive dina appar.
- 'Vi använder Magento' är inget juridiskt försvar: ansvaret ligger hos webbutiken som är live, inte hos plattformen.
Vad väntan kan kosta
upp till € 1.000.000
EU-max · Spanien/Luxemburg
$ 4.000
USA · Kalifornien (Unruh), per besök
Du bötfälls inte från ingenstans, först kommer ett föreläggande med tidsfrist. Men den som då kan visa ett daterat dossier kommer billigast undan.
Se vad som gäller för din marknad →Den dolda risken med Magento-tillägg från tredje part
Recensionswidgetar, filter, bundlare och sök-appar injicerar dynamisk HTML i din frontend, och varje app-uppdatering kan lägga till ett nytt hinder. I en granskning räknas den koden fullt ut, även om du inte skrev den själv. Därför bevakar Seviranta löpande slutresultatet så som en tillsynsmyndighet ser det: ditt Magento-tema plus alla appar och dynamiskt innehåll.
Vad som ofta går fel på Magento
- Knockout.js-kassa utan live-regionStandard-kassaflödet laddar in steg och formulär dynamiskt via Knockout.js. Utan en live-region eller fokusflytt uppfattar en skärmläsare aldrig övergången och användaren blir kvar på det gamla steget.
- Mini-cart utan focus-managementMini-cart längst upp i Luma-temat fälls ut utan att sätta fokus i den eller hålla kvar det. Tangentbords- och skärmläsaranvändare vet inte att panelen är öppen.
- Luma-tema med för låg kontrastLuma-temat använder på många ställen ljusgrå text och knappar som hamnar under WCAG 2.2 AA-kontrasttröskeln, svårlästa för synsvaga besökare.
- Layered navigation utan aria-expandedFiltren i layered navigation fälls ut och in utan aria-expanded, vilket gör att en skärmläsare aldrig meddelar om en filtergrupp är öppen eller stängd.
Så här ser en riktig fix ut
Ta mini-cart längst upp i ditt Luma-tema. När den fälls ut följer inte fokus med, så att en skärmläsaranvändare missar innehållet. Fixen ligger i temats .phtml-mall, ingen ombyggnad:
<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>Det du fixar själv i Magento
Adobe lägger uttryckligen ansvaret för tillgänglighet på handlaren. Här är var det typiskt går fel i Magento 2 och i vilket lager du löser det.
- 1Vet vad Adobe själva rapporterarAdobes egen Accessibility Conformance Report för Adobe Commerce testar Luma per WCAG-kriterium och rapporterar bland annat ikoner utan textalternativ, en rubrikstruktur i kassan som inte stämmer, en skip-länk med för lite kontrast och en huvudnavigation som inte kan aktiveras med tangentbordet. Den nyare Edge Delivery-storefronten (rapport 2025) får 'does not support' på info och relationer, kontrast för icke-text och statusmeddelanden. Standard-Luma är alltså ingen säker grund.
- 2Templates: skriv över i ditt tema, inte i coreMarkup-fel (saknade labels, fel ARIA-roller i menyn, knappar renderade som <a> utan href) löser du genom att kopiera .phtml-templaten till app/design/frontend/<Vendor>/<theme>/<Module>/templates/ och reparera den där. Template path hints i admin visar vilken fil som renderar ett block.
- 3Layout-XML och Knockout-templatesDet som inte ligger i en .phtml ligger ofta i en UI-komponent: minicart, kassa och layered navigation renderas via Knockout .html-templates som deklareras i jsLayout (till exempel Magento_Checkout/minicart/content). Fokushantering och live-regioner lägger du till där; block flyttar eller ersätter du med <referenceBlock> i ditt temas layout-XML.
- 4JavaScript via mixinsBeteende (flytta fokus när minicart öppnas, uppdatera aria-expanded på filter) ändrar du med en RequireJS-mixin i requirejs-config.js, utan att skriva över core-filer. På så sätt överlever fixen en Magento-uppgradering.
- 5Alt-text och språk i adminAlt-text per produktbild ligger i admin under Images and Videos → Alt Text, per store view. Lang-attributet härleds automatiskt från butikens locale, men bara som språkkod; kontrollera att varje store view har rätt locale. Tillägg från Marketplace injicerar sina egna block via layout-XML; de är ditt ansvar och ingår i vår skanning.
Hyvä hävdar en frontend byggd enligt WCAG 2.1 AA, men tillägger själva att temat bara är en del av en butik. Tillägg, innehåll och egna anpassningar avgör slutresultatet; därför skannar vi den publicerade sidan.
Vad du får
Per fel: vad, varför och hur
För varje fynd ser du vad som är fel, vem det drabbar, vilken WCAG-regel det gäller och en konkret, Magento-medveten lösning, med kodexempel där det går.
Plattformsspecifik igenkänning
Du fångar felen som uppstår just på Magento, inte bara det som en generisk WCAG-kontroll plockar upp.
Ett underlag som håller
En daterad översikt över dina skanningar och fynd som du kan visa upp vid en granskning eller inspektion.
Med ett rapporteringsverktyg betalar du licensen och dina utvecklare för att lösa felen. Hos Seviranta ingår fixen, ingen dubbel räkning.
Skydda din konvertering och din juridiska ställning
En app som klistrar en tillgänglighetsikon över din Magento-sajt är en risk för din verksamhet. Fakta i korthet:
Magento accessibility-widgets
- Laddar extra externa skript som skadar din laddningstid (LCP) och därmed din konvertering.
- Maskerar felet istället för att lösa det, den underliggande koden förblir trasig.
- Skyddar dig inte mot anspråk. FTC bötfällde overlay-leverantören accessiBe 2025 med $1 miljon för vilseledande compliance-påståenden.
Seviranta-metoden
- 0 % påverkan på din laddningstid, vi skannar externt från våra EU-servrar.
- Vi fixar den riktiga källkoden i dina Magento-mallar.
- Vi bygger automatiskt upp ditt sparbara EAA-dossier, redo att visa upp för en tillsynsmyndighet.
Frågor och svar
- Är Hyvä eller PWA Studio tillgängligt direkt ur lådan?
- Hyvä implementerar enligt sin egen dokumentation WCAG 2.1 AA-funktioner sedan version 1.3.0 och rekommenderar själva att testa med axe och enbart tangentbord. Adobes rapport för Venia (PWA Studio) testar per kriterium och hävdar ingen konformitet. Ett bra bastema hjälper; tillägg, innehåll och specialanpassningar avgör resten.
- Jag säljer från EU även till USA eller Storbritannien. Vad gäller där?
- I USA har ADA Title III ingen federal teknisk standard, men massiva privata stämningar: över 2 400 federala webbplatsmål 2024 (Seyfarth) och enligt UsableNet mer än 4 000 digitala mål, 77 % mot e-handel, varav över tusen mot webbplatser med en widget. I Storbritannien ålägger Equality Act 2010 en föregripande skyldighet att göra rimliga anpassningar, utan tak för skadestånd. WCAG är måttstocken på alla tre marknaderna.
- Min butik kör en äldre Magento 2.3 eller 2.4.x. Är det ett problem?
- Nej. Vi testar den publicerade HTML-koden, oavsett version eller tema. Fixar levereras på template-, layout- eller JavaScript-nivå så att din utvecklare inför dem i temat och de överlever en uppgradering.
- Räcker en Magento accessibility-widget för EAA?
- Nej. En widget lägger ett lager över din sajt, men reparerar inte den underliggande koden och räknas inte som strukturell compliance.
- Omfattas min Magento-kassa av EAA?
- Ja. Kassan och navigeringen är uttryckligen en del av kravet under WCAG 2.1 AA.
- Skannar Seviranta även mina Magento-appar?
- Ja. Vi testar den slutgiltiga genererade HTML:en, tema plus appar, så som en tillsynsmyndighet gör.
- Gör det här min Magento-sajt långsammare?
- Nej. Vi skannar externt från våra EU-servrar; inget skript hamnar på din sajt. 0 % påverkan på din laddningstid och dina Core Web Vitals.
Vi gör det själva också
Vi håller oss själva till exakt samma måttstock: vår egen webbplats får 0 fel i axe-core, samma motor som sitter i Google Lighthouse och som vi även skannar din Magento-butik med. Det en maskin fastställer med säkerhet löser vi maskinellt, resten bedömer en människa. Så skarpt får du det av oss: se en riktig exempelrapport.
Vad EAA kräver av din Magento-butik
Sedan juni 2025 måste din webbutik uppfylla WCAG 2.1 AA, en Magento-butik är inget undantag. Den gratis skanningen visar på 60 sekunder var du står, med exakt den rad som inte uppfyller kraven.
Säljer du i flera länder?
WCAG är den globala standarden. Nästan varje marknad bygger på den:
Anpassa din Magento-butik till WCAG en gång så täcker du den tekniska ribban på alla de marknaderna. Det som skiljer sig åt mellan marknaderna är tillsynsmyndigheten och böterna.
Se vad som gäller per avsättningsmarknad →Hanterar du flera Magento-sajter åt kunder?
Hindra att webbutikerna du levererar blir en juridisk risk under EAA för dina uppdragsgivare. Sätt in Seviranta som din automatiserade kvalitetsstämpel vid varje leverans och deploy, en skanning, och varje sajt är bevisligen i ordning.
Se vårt partnerprogram →Andra plattformar
Skanna din Magento-butik gratis
Klistra in din Magento-URL i den gratis skanningen och se inom en minut vilka rader som inte uppfyller kraven, med den exakta platsen i ditt tema.