EU:s nya tillgänglighetsdirektiv, EAA – European Accessibility Act, börjar gälla fullt ut 2025–2026. Det är den största förändringen inom digital tillgänglighet sedan GDPR – och det kommer att påverka hur företag bygger webbplatser, appar och digitala tjänster.
Trots det är EAA fortfarande något av ett mysterium för många företagare. Många frågar sig:
- Vad innebär EAA i praktiken?
- Gäller det min webbplats?
- Vad måste jag ändra?
- Hur lång tid tar det?
- Vad händer om jag inte gör något?
I den här artikeln går vi igenom allt du behöver veta för att förstå EAA och göra din webbplats redo i tid. Fokus ligger på praktiska tips – inte juridiska tolkningar.
Vad är EAA – kort förklarat
EAA är ett EU-direktiv som sätter minimikrav för tillgänglighet för digitala produkter och tjänster. Syftet är att säkerställa att personer med funktionsvariationer har samma möjlighet att använda digitala tjänster som alla andra.
Med EAA breddas scope rejält:
Till skillnad från tidigare lagar (som DOS-lagen i Sverige, som främst gällde offentliga aktörer) omfattar EAA även kommersiella aktörer.
Det handlar alltså om alla företag som erbjuder digitala tjänster till allmänheten.
Varför införs EAA?
- 135 miljoner människor i EU har någon form av funktionsnedsättning.
- Digitala tjänster blir allt viktigare i vardagen.
- Bristande tillgänglighet innebär ekonomiska, sociala och juridiska hinder.
- EU vill harmonisera reglerna mellan medlemsländer för att förenkla för företag.
EAA handlar alltså inte bara om krav – utan om att göra digitala tjänster användbara för fler.
För att fördjupa dig inom ämnet bör du läsa min guide om SEO 2025.
Vilka företag och webbplatser omfattas?
Direktivet gäller inte “alla webbplatser”, men betydligt fler än tidigare.
EAA gäller bland annat:
- Webbplatser för kommersiella tjänster
- E-handelsbutiker
- Bokningssystem (t.ex. frisörer, konsulter, restauranger)
- Självbetjäningstjänster
- Kundportaler
- Betalningslösningar
- Mobilappar
- Digitala produkter som e-böcker, streaming och interaktiva tjänster
Det är alltså en bred tillämpning — och i praktiken berör den de flesta moderna webbplatser.
EAA gäller inte bara offentliga aktörer
Det gör att kravlistan nu träffar:
- småföretag
- konsulter
- webbyråer
- e-handlare
- tjänsteföretag
- plattformsleverantörer
- Undantag för mikroföretag — men med viktiga förbehåll
- Mikroföretag (<10 anställda) kan undantas från vissa krav på dokumentation och rapportering.
Men de måste ändå följa WCAG-principerna om de erbjuder digitala tjänster till allmänheten.
Med andra ord:
Det finns få praktiska undantag för faktiska tillgänglighetskrav.
Följer du WCAG 2.2 AA är du i regel EAA-kompatibel.
Hur skiljer sig EAA från WCAG och GDPR?
EAA ≠ WCAG
- EAA är lagstiftningen.
- WCAG är riktlinjerna man använder för att uppfylla lagen (t.ex. WCAG 2.2 AA).
EAA hänvisar direkt till WCAG 2.2 AA, vilket betyder att WCAG i praktiken blir juridiskt bindande för många företag.
EAA ≠ GDPR
- GDPR handlar om personuppgifter och dataskydd.
- EAA handlar om digital tillgänglighet och användbarhet.
Men de har en tydlig likhet:
båda är EU-direktiv som företag måste följa, och båda kan leda till sanktioner.
Men likheten är:
båda är EU-direktiv som företag måste följa.
Detta hänger tätt samman med hur man arbetar med Så optimerar du din WooCommerce-butik för julhandeln 2025/2026.
Vad händer om man inte följer EAA?
Konsekvenserna varierar beroende på land, men generellt gäller:
- Anmälningar från användare
- Krav på åtgärder
- Möjliga ekonomiska sanktioner
- Krav på att bygga om webbplats eller tjänst
- Försämrat rykte
- Risk att tappa kunder med funktionsvariationer
Precis som med GDPR är det oftast dyrare att ignorera reglerna än att åtgärda dem i tid.
EAA är alltså inte bara ett “tekniskt krav”, utan också en del av företags varumärkes- och riskhantering.
Vilka krav ställs på din webbplats?
Här är en sammanfattning av de viktigaste kraven.
1. Tydlig och logisk struktur
- Rätt rubriknivåer (H1, H2, H3…)
- Menyer som är konsekventa
- Sidor som följer samma layout och logik
En förutsägbar struktur gör att besökare (även de med kognitiva svårigheter) snabbt hittar rätt.
2. Tillgängligt innehåll
- Alternativtext på bilder
- Textversioner för video och ljud
- Beskrivande länktexter (inte “läs mer”)
- Undvik text som enbart finns i bilder
Detta gör innehållet tillgängligt för skärmläsare och användare med synnedsättning.
3. Tangentbordsnavigering
Allt ska gå att använda med tangentbord — utan mus.
Exempel på problem:
- formulärfält som inte nås med TAB
- dropdown-menyer som inte går att öppna
- popup-fönster som inte kan stängas
Detta är ett av de vanligaste felen.
4. Tydliga fokusmarkeringar
När man navigerar med tangentbord måste det tydligt synas vilken knapp eller länk som är aktiv.
Fokusramen ska vara:
- tydlig
- synlig
- konsekvent
Detta är viktigt för både synsvaga och personer med motoriska svårigheter.
5. Tillräcklig färgkontrast
Text och knappar måste ha kontrast enligt WCAG 2.2.
Vanliga problem:
- ljusgrå text på vit bakgrund
- knappar i pastellfärger
- tunna linjer i lågkontrast
Kontrastkravet är ett av de enklaste — och mest förbisedda.
6. Förutsägbarhet
Inga element får:
- flytta sig oväntat
- byta plats vid hover
- autospela media utan kontroll
Designen måste vara lugn och förutsägbar.
7. Begripliga formulär
Formulär måste ha:
- etiketter
- hjälptexter
- tydliga felmeddelanden
- logisk tab-ordning
Detta är särskilt viktigt vid e-handel och bokningssystem.
8. Tillgänglig checkout
E-handeln får inte skapa hinder under betalning, t.ex:
- fält som inte går att nå med tangentbord
- felmeddelanden som inte läses upp av skärmläsare
- obligatoriska steg som inte kan nås
- sidlåsning eller overlays
Detta är en central del av EAA.
Hur gör man sin webbplats EAA-redo? (Checklista)
1. Kör ett automatiserat tillgänglighetstest
Bra verktyg:
- Lighthouse (Chrome DevTools)
- Wave Web Accessibility Tool
- Axe DevTools (chrome tillägg)
Dessa hittar många fel — men inte allt.
2. Gå igenom bilder och media
- Alt-texter
- Beskrivningar
- Undertexter
- Textversioner för ljud
Ett vanligt problem är “dekorationselement” som har felaktiga alt-texter.
3. Strukturera innehållet
- En H1 per sida
- Hierarkiskt korrekta rubriker
- Undvik att hoppa från H2 → H4
Rätt struktur hjälper både människor och sökmotorer.
4. Testa tangentbordsnavigering
Utmana dig själv:
Kan du använda hela webbplatsen utan att ta i musen?
Om svaret är nej — gör en justering.
5. Kontrollera kontrastvärden
Testa med ett verktyg som:
Särskilt viktigt om du använder egen färgpalett eller varumärkesfärger.
6. Testa formulär noggrant
- Är felmeddelandena tydliga?
- Förklaras vad som saknas?
- Markerar sidan var felet finns?
Bra formulär är en av de viktigaste delarna av UX.
7. Se över navigationen
Många tillgänglighetsproblem är egentligen strukturella.
En tydlig och enkel navigering hjälper alla användare — även de utan funktionsnedsättningar.
Vanliga missar som småföretag gör
Här är de största bovarna:
- Saknade alt-texter
- För svag kontrast
- Popup-fönster som inte går att stänga med tangentbord
- Formulär utan etiketter
- Videos utan undertexter
- Otydliga knappar
- En layout som hoppar
- Långa textstycken utan struktur
- Menyer som inte fungerar på mobil
Det bästa av allt?
De flesta av dessa problem går att fixa på några timmar.
När måste företag vara redo?
EAA började gälla 28 juni 2025 i hela EU.
Men många företag behöver:
- uppdatera struktur
- bygga om komponenter
- ändra färger
- skriva om rubriker eller alt-texter
- se över checkout
Det är därför smart att börja redan nu istället för att bli tagen på sängen när lagen träder i kraft.
Glöm inte att även se över strategier för 12 tips till en hållbar och snabb webbplats – både för miljön och SEO för bästa resultat.
Sammanfattning
EAA 2025 blir en stor milstolpe för digital tillgänglighet.
Men det är också en möjlighet.
Genom att arbeta strukturerat med tillgänglighet får du:
- bättre användarupplevelse
- högre konvertering
- lägre avhoppsfrekvens
- starkare varumärke
- juridisk trygghet
- fler nöjda kunder
Tillgänglighet är inte bara en lag — det är en konkurrensfördel.
Lämna en Kommentar