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–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.