De 5 vanligaste WCAG-felen i svensk e-handel, axe-data från 30 scans
Vi körde axe-core mot 30 av Sveriges största e-handlare. Här är de fem WCAG-fel som dyker upp på 90% av sajterna, och vad det säger om branschen inför PTS-tillsyn.
Vi körde axe-core 4.10 mot 30 av Sveriges största e-handelssajter i maj 2026. Resultatet är intressant: samma fem WCAG-fel återkommer på 60 till 97 % av sajterna. Det betyder att om PTS gör en bred granskning av svensk e-handel hittar de samma problem oavsett vilken sajt de tittar på. Här är vad vi såg, och varför det spelar roll inför kommande tillsyn.
Topp 5, sorterat på prevalens
Ikonknappar utan tillgängligt namn
axe-rule: button-name
Typiskt: Sök-knappar, varukorgs-toggles, mobile menu-buttons med endast SVG-ikon utan aria-label.
Fix: Lägg på aria-label med en kort, beskrivande etikett (t.ex. aria-label='Sök') eller dölj synlig text med sr-only-klass.
Otillräcklig färgkontrast i sekundär text
axe-rule: color-contrast
Typiskt: Placeholder-text (text-white/35), prisformat-meta, sekundära navigationslänkar i footer.
Fix: Höj opacitet eller använd en mörkare/ljusare grund. axe rapporterar konkret ratio (t.ex. '3.04:1, kräver 4.5:1').
Saknad <main>-landmark
axe-rule: landmark-one-main
Typiskt: Layoutkomponenter som lindar hela sidan i <div> utan att markera huvudinnehållet semantiskt.
Fix: Omslut sidans huvudinnehåll (inte header/nav/footer) med <main>-tag. Stack-specifikt: WP-themes via add_action('the_post'), Next.js i layout.tsx, Shopify i theme.liquid.
Rubrikhierarkin hoppar över nivåer
axe-rule: heading-order
Typiskt: Product cards som börjar med <h3> direkt utan <h2> ovanför. Eller landing-pages med <h1> följt direkt av <h3>.
Fix: Bygg hierarki som ökar med exakt ett steg åt gången. Använd CSS för visuell storlek, inte h-tagg-nivå.
Innehåll utanför semantiska landmarks
axe-rule: region
Typiskt: Flytande call-to-action-blocks, modaler, banderoller och promotion-strips utanför <header>/<main>/<footer>.
Fix: Wrap'a fri-stående blocks i <section> eller <aside> beroende på relation till huvudinnehållet.
Vad det säger om branschen
Tre observationer:
- Det är inte komplicerade fel. De fem topparna åtgärdas typiskt på 1-3 dagar av en utvecklare. Det är inte som att svensk e-handel sitter med arkitekturella problem, det är att ingen har gjort baseline-arbetet.
- Det är samma fel överallt eftersom det är samma frameworks. Default-themes i Shopify Dawn, default-templates i WordPress (Astra, GeneratePress), shadcn/ui-komponenter, alla ärver samma blindspots. Standards som skulle ge accessibility skickar tysta defaults med kontrast under 4.5:1.
- PTS-tillsyn är en chock i väntan. Med 17 publicerade ärenden hittills mot e-handel, och samma fem fel dominerande, kommer fler ärenden snabbt. Det är inte om utan när.
Vad gör ni nu?
- 1. Skanna er sajt, Granska gör en gratis single-page-scan på 60 sekunder och visar er exakt vilka av dessa 5 fel ni har.
- 2. Fixa #1 och #2 först (icon buttons + kontrast). Det är typiskt 50% av impacten på 20% av arbetet.
- 3. Publicera en tillgänglighetsförklaring. Mall finns hos PTS, vi har också ett gratis verktyg som genererar utkast.
- 4. Granska igen efter fixarna. Strävan är inte 0/100, strävan är att kunna svara på en PTS-fråga med: "Vi har identifierat våra issues, prioriterat dem, och har en konkret plan."
Skanna er sajt, se vilka av dessa 5 ni har
60 sekunder, axe-core mot renderad DOM, deterministiskt resultat. Stack-specifika kodfixar.
Skanna gratis ▸Metodik: Granska körde axe-core 4.10 mot homepage + 3-5 underliggande sidor för 30 sajter i maj 2026. Prevalens räknad som "regel hittade minst en violation på minst en sida av domänen". Datasetet uppdateras kvartalsvis och släpps som öppen "State of EAA Compliance Sweden"-rapport.