Din webbutik och EAA: Vad som ändras nu

Tidsfristen har passerat

European Accessibility Act trädde i kraft den 28 juni 2025. För e-handelsföretag som säljer till EU-kunder är tillgänglighet inte längre en rekommendation — det är ett lagkrav.

Om din organisation har fler än 10 anställda och mer än 2 miljoner euro i årlig omsättning, och du säljer produkter eller tjänster till kunder i EU, omfattas du. Mikroföretag (färre än 10 anställda och under 2 miljoner euro i omsättning) har en lättare reglering, men EAA uppmuntrar fortfarande till efterlevnad.

Vad innebär efterlevnad egentligen för en webbutik? Det korta svaret: din webbplats och app måste uppfylla WCAG 2.1 nivå AA, tillämpat över hela kundresan — inte bara din startsida.

Varför e-handel är särskilt riskfyllt

Kassan är den mest processade ytan inom digital tillgänglighet. I USA, som har många fler års erfarenhet av tillsyn under ADA än vad Europa har under EAA, står e-handelssajter för en oproportionerligt stor andel av tillgänglighetsstämningar — och kassaflödet står för en oproportionerligt stor andel av dessa klagomål.

Anledningen är praktisk: kassan är där uppgiften betyder mest. En blind användare som kan navigera på dina produktsidor men stöter på ett trasigt formulärfält vid betalning kan inte slutföra köpet. Friktionen är maximal. Det är även motivationen att klaga.

Tillsynsmönstret för EAA förväntas följa den amerikanska utvecklingen. Tillgänglighetsförespråkare och tillsynsmyndigheter kommer att prioritera de resor som mest direkt påverkar funktionsnedsatta personers möjlighet att delta i handeln.

De fyra riskfyllda områdena inom e-handel

1. Produktsidor

Produktsidor brister oftast i tillgänglighet genom:

Saknad eller otillräcklig alt-text för bilder — produktbilder med filnamn som alt-text (“DSC0042.jpg”), tomma alt-attribut eller automatiskt genererade beskrivningar som inte nämner produkten eller dess relevanta egenskaper.

Produktvarianter enbart baserade på färg — färgrutor som endast använder färg för att skilja alternativ åt, utan textalternativ. En färgblind användare kanske inte kan skilja mellan “vinröd” och “skogsgrön” som väljs enbart genom att klicka på en liten färgad cirkel.

Kontrastbrister i produktbeskrivningar — ljusgrå text på vitt för specifikationer, prissättning eller information om tillgänglighet i lager.

Otillgängliga bildgallerier — karusellkomponenter som inte kan hanteras med tangentbord, eller som inte annonserar aktuellt bildnummer för skärmläsare.

2. Sökning och filtrering

Navigerings- och upptäcktsflöden brister när:

• Sökresultat inte annonseras för skärmläsare (det nya antalet resultat som visas utlöser ingen annonsering)
• Filterkryssrutor eller rullgardinsmenyer saknar programmatiska etiketter
• Tillämpade filter inte kan tas bort med tangentbordet
• Autofyllsförslag inte är tillgängliga för skärmläsaranvändare

3. Kassa

Kassan innehåller den tätaste koncentrationen av komplexa interaktiva komponenter — formulär, betalningswidgetar, adressuppslag, val av leveransdatum — och därmed den högsta tätheten av tillgänglighetsbrister.

Vanliga brister i kassan:

• Formulärfält utan tillhörande <label>-element (fält som annonseras som “redigera text, tomt”)
• Felmeddelanden som visas visuellt men inte annonseras för skärmläsare
• Fokus som inte hanteras korrekt efter fel vid formulärinlämning (användaren vet inte var felen finns)
• Betalnings-iframes från tredje part som inte uppfyller tillgänglighetsstandarder
• CAPTCHA utan tillgängligt alternativ

Den enskilt mest effektfulla förbättringen du kan göra för en e-handelssajts tillgänglighet är oftast att åtgärda kassaformuläret — specifikt: korrekta etiketter, länkade felmeddelanden och rätt fokushantering vid valideringsfel.

4. Kontohantering och flöden efter köp

Orderbekräftelse, spårning, returer och kontoinställningar förbises ofta i tillgänglighetsgranskningar. De är viktiga: en användare som kan slutföra ett köp men inte kan spåra sin order eller påbörja en retur har inte fått en tillgänglig upplevelse.

PDF-kvitton och fakturor som inte är korrekt taggade är vanliga brister i flöden efter köp. Tillgängliga PDF-dokument kräver specifik taggning och läsordning — en PDF som exporterats från ett designverktyg utan någon tillgänglighetsbearbetning är nästan säkert inte förenlig med kraven.

Vad EAA inte kräver

Det är värt att förtydliga några saker som EAA inte kräver:

• 100 % perfektion i automatiserade skanningar — automatiserade verktyg upptäcker tillförlitligt bara 30–40 % av WCAG-problemen. Ett perfekt automatiserat resultat betyder inte efterlevnad, och ett underkänt automatiserat resultat betyder inte att du bryter mot lagen om problemen är mindre allvarliga.
• Omedelbar efterlevnad — organisationer som visar ärlig ansträngning, en tillgänglighetsredogörelse och en dokumenterad åtgärdsplan står i en väsentligt bättre position än de som inte har gjort något.
• Efterlevnad via en overlay-widget — att installera en overlay för “tillgänglighet med ett klick” uppfyller inte EAA. Nationella tillsynsmyndigheter känner till dessa produkter, och flera EU-medlemsstater har förtydligat att overlays inte utgör efterlevnad.

Var du bör börja

Om du inte har granskat din butik ännu, börja med att förstå var du står.

En gratis automatiserad skanning ger dig en omedelbar bild av de mest uppenbara överträdelserna — kontrastbrister, saknad alt-text, omärkta formulärfält. Detta tar två minuter och kostar ingenting.

För en fullständig bild — inklusive de fel som automatiserade verktyg inte kan hitta, som otillgänglig tangentbordsnavigering, trasig fokushantering i kassan och brister i skärmläsarnas annonseringar — behöver du manuell testning. Våra tillgänglighetsgranskningar utförda av personer med funktionsnedsättning synliggör de hinder som dina verkliga användare faktiskt skulle stöta på.

Prioritera kassan, produktsidorna och sökningen. Åtgärda de mest effektfulla problemen först. Dokumentera dina framsteg. Den kombinationen — granska, åtgärda, dokumentera — är grunden för EAA-efterlevnad som håller din organisation steget före tillsynen i stället för att reagera på den.