European Accessibility Act (EAA) gäller sedan den 28 juni 2025. Den är alltså inte något som ska hända – den gäller redan, och den omfattar e-handel som säljer till konsumenter inom EU. I Sverige regleras det genom lagen om vissa produkters och tjänsters tillgänglighet.
Den här guiden går igenom vad kraven betyder konkret, vad som brukar falla i verkliga butiker, och hur du testar din egen butik utan att köpa något verktyg.
Vad kravet faktiskt säger
Den tekniska ribban är WCAG 2.1 nivå AA. Det är en standard med drygt 50 kriterier, men i praktiken handlar det om fyra principer: innehållet ska gå att uppfatta, gå att hantera, gå att förstå och fungera i olika hjälpmedel.
För en webbutik betyder det att hela köpresan måste fungera – inte bara startsidan. Produktval, varianter, varukorg, frakt- och betalval och orderbekräftelse. En butik där kassan bara går att använda med mus uppfyller inte kravet oavsett hur bra resten är.
Vad som brukar falla i verkliga butiker
Det här är de fel vi hittar oftast när vi granskar svenska webbutiker:
- Kontrast på knappar. Vit text på en varumärkesfärg som ser bra ut men ligger under 4,5:1. Extremt vanligt, och det drabbar nästan alltid den viktigaste knappen på sidan.
- För små tryckytor. Länkar i footer, filter och taggar som är 14–17 px höga. Kravet är 24×24 px.
- Bilder utan alt-text. Produktbilder och diagram som skärmläsare hoppar över helt.
- Formulär utan kopplade etiketter. Placeholder-text är inte en etikett. Försvinner den när användaren börjar skriva vet ingen vad fältet var till för.
- Fokusmarkering borttagen. Någon har lagt outline: none i CSS för att det ser snyggare ut. Då kan man inte se var man är när man tabbar.
- Fel som bara visas med färg. Ett rött fält utan text säger ingenting till den som inte ser färgen.
Testa din butik själv – fem steg
Du kommer långt utan verktyg. Gör de här fem sakerna på din egen butik innan du tar in hjälp:
- Genomför ett köp med bara tangentbordet. Ingen mus. Tabba från produktsidan till orderbekräftelse. Ser du alltid var fokus är? Går allt att nå? Det här enda testet hittar merparten av problemen.
- Kör Lighthouse i Chrome. Högerklicka, Granska, fliken Lighthouse, välj Tillgänglighet. Den fångar kontrast, saknad alt-text och etikettproblem automatiskt.
- Zooma till 200 procent. Försvinner innehåll eller hamnar text över annan text?
- Slå på skärmläsaren. VoiceOver på Mac, Narrator på Windows. Lyssna igenom produktsidan. Det är obekvämt första gången och mycket lärorikt.
- Kontrollera formulärfelen. Skicka in kassan med tomma fält. Förklarar felmeddelandet vad som är fel, i text, och hamnar fokus i rätt fält?
Lighthouse ger dig en siffra, men den fångar bara ungefär en tredjedel av WCAG-kriterierna. Tangentbordstestet och skärmläsartestet hittar det verktygen missar.
Vem omfattas – och vem gör inte
| Situation | Omfattas |
|---|---|
| E-handel B2C mot konsumenter i EU | Ja |
| Ren B2B-handel mellan företag | Nej enligt EAA, men avtalskrav från kunder blir vanligare |
| Microföretag: under 10 anställda och under 2 miljoner euro i omsättning | Undantag för tjänster – men undantaget är smalare än många tror |
| Offentlig sektor och deras leverantörer | Ja, sedan tidigare via webbtillgänglighetsdirektivet |
| Innehåll publicerat före juni 2025 | Arkiverat material kan ha undantag, aktiva köpflöden aldrig |
Är ni nära microföretagsgränsen: bygg tillgängligt ändå. Undantaget gäller storleken ni har idag, inte den ni växer till, och att bygga om i efterhand kostar mer än att göra rätt från början.
Vad det innebär för plattformsvalet
Shopify, BigCommerce och WooCommerce kan alla göras tillgängliga. Ingen av dem är tillgänglig automatiskt.
- Shopify. Kassan sköter Shopify och den håller god nivå. Ditt tema är ditt ansvar – och de flesta köpta teman har kontrast- eller fokusproblem någonstans.
- BigCommerce. Ni styr kassan mer, vilket också betyder att tillgängligheten i kassan är er att bevaka.
- WooCommerce. Allt är ert: tema, plugins och kassa. Varje plugin som skriver ut markup kan introducera nya fel vid uppdatering.
Det som avgör är sällan plattformen. Det är temat, apparna och om någon faktiskt testar.
Så gör vi
Vi granskar mot WCAG 2.1 AA med både automatiserade verktyg och manuell testning – tangentbord, skärmläsare, zoom och kontrast. Ut kommer en lista med varje fel, hur allvarligt det är och vad som krävs för att åtgärda det.
Ett exempel från vår egen sajt: vår primära knapp hade vit text på rosa med 3,45:1 i kontrast. Den såg bra ut och den klarade inte kravet. Vi mörkade nyansen till 4,90:1 – knappt synlig skillnad, godkänt resultat. Samtidigt gick vi från 21 för små tryckytor till noll. Det är den typen av arbete det handlar om: många små, konkreta fixar snarare än en stor ombyggnad.
Vad en granskning brukar landa på
- Automatiserad genomsökning av alla sidmallar plus manuell testning av köpflödet.
- Prioriterad åtgärdslista: kritiskt, viktigt, bra att ha.
- Åtgärderna kan göras av oss eller av ert eget team.
- Omtest efter åtgärd så ni har underlag om någon frågar.
Vanliga frågor
Vad händer om vi inte uppfyller kraven?
Tillsynsmyndigheten kan förelägga om åtgärd och i förlängningen besluta om sanktioner. Men den vanligaste konsekvensen i praktiken är enklare: kunder som inte kan slutföra köpet handlar någon annanstans. Tillgänglighet är en konverteringsfråga innan det blir en juridisk fråga.
Räcker det att köra lighthouse och fixa det som kommer upp?
Nej. Automatiserade verktyg fångar ungefär en tredjedel av WCAG-kriterierna. De ser inte om tabbordningen är logisk, om felmeddelanden är begripliga eller om en skärmläsare läser produktvarianterna på ett vettigt sätt. Verktyget är en bra start, inte ett kvitto.
Behöver vi ett tillgänglighetsutlåtande?
Ni ska kunna redogöra för hur tjänsten uppfyller kraven. En publicerad tillgänglighetsredogörelse med kända avvikelser och plan för åtgärd är det praktiska sättet att göra det, och den underlättar rejält om någon ställer frågan.
Kostar det mycket att bli tillgänglig?
Beror helt på utgångsläget. Kontrast, alt-texter och tryckytor är timmar, inte veckor. Ett kassaflöde eller en produktkonfigurator som är byggd utan tanke på tangentbordsnavigering är ett större arbete. Därför börjar vi alltid med en granskning – då vet ni omfattningen innan ni bestämmer något.
Gäller det här även vår b2B-butik?
EAA riktar sig mot konsumenttjänster, så ren B2B faller utanför. Men allt fler upphandlingar och ramavtal ställer tillgänglighetskrav ändå, och offentlig sektor gör det alltid. Säljer ni mot kommun, region eller stat kommer frågan.
Vill ni veta var er butik står?
Vi granskar mot WCAG 2.1 AA och ger er en prioriterad åtgärdslista med omfattning och kostnad – innan ni bestämmer något.
