WCAG 2.2 och EAA – det här gäller från juni 2025

Den 28 juni 2025 är ett datum som alla företagare med en digital närvaro bör ringa in i kalendern. Då börjar nämligen den Europeiska tillgänglighetsakten (European Accessibility Act, EAA) att gälla i svensk lag. Lagen ställer nya, tvingande krav på att många digitala produkter och tjänster ska vara tillgängliga för personer med funktionsnedsättning. För dig som driver en webbplats, och särskilt om du säljer något via den, är det hög tid att sätta sig in i vad som gäller. Jag har själv sett hur många, även väletablerade, webbplatser idag har stora brister. I den här artikeln reder jag ut vad lagen innebär, vem som påverkas och vad du praktiskt kan göra för att din sajt ska möta kraven.

Vad är Europeiska tillgänglighetsakten (EAA)?

Europeiska tillgänglighetsakten är ett EU-direktiv som syftar till att skapa en gemensam standard för tillgänglighet inom hela unionen. Målet är enkelt: att produkter och tjänster ska fungera för så många som möjligt, oavsett funktionsförmåga. I Sverige införs direktivet genom "Lagen om vissa produkters och tjänsters tillgänglighet".

Tanken är att riva hinder. Ungefär 87 miljoner människor inom EU lever med någon form av funktionsnedsättning. För dem kan en dåligt utformad webbshop, en otydlig knapp eller en video utan textning vara ett oöverstigligt hinder. Lagen handlar alltså inte bara om att följa regler, utan om att inkludera en stor och ofta köpstark kundgrupp som annars stängs ute.

Vilka företag och webbplatser omfattas?

Lagen är bred och täcker in många av de vanligaste digitala tjänsterna som företag erbjuder privatpersoner. Om din webbplats tillhandahåller någon av följande tjänster kommer du med största sannolikhet att omfattas:

E-handel: Alla webbplatser som säljer varor eller tjänster online.
Banktjänster
E-böcker och programvaran för att läsa dem.
Tjänster för persontrafik: Biljettförsäljning och information om resor med flyg, buss, tåg och båt.
Telefontjänster

Med andra ord: driver du en webbshop eller säljer tjänster direkt via din sajt? Då gäller det här dig.

Finns det några undantag?

Ja, det finns ett viktigt undantag för de allra minsta företagen. Så kallade mikroföretag undantas från kraven. Ett mikroföretag definieras som ett företag som har:

Färre än 10 anställda, OCH
En årsomsättning eller balansomslutning som inte överstiger 2 miljoner euro.

Observera att båda villkoren måste vara uppfyllda. Om ditt företag har 5 anställda men en omsättning på 3 miljoner euro omfattas ni av lagen.

WCAG 2.2 – den nya standarden för webbtillgänglighet

Så hur vet man om ens webbplats är "tillgänglig"? Lagen hänvisar till en internationell standard som heter Web Content Accessibility Guidelines (WCAG). Det är en samling riktlinjer som tagits fram för att just definiera vad digital tillgänglighet innebär i praktiken.

WCAG är indelad i tre nivåer: A (lägsta), AA (mellan) och AAA (högsta). Lagen kommer i de flesta fall att kräva att man uppfyller nivå AA.

I oktober 2023 publicerades en ny version, WCAG 2.2, som lägger till nio nya krav utöver de som fanns i den tidigare versionen 2.1. De nya kraven handlar bland annat om att göra det lättare att navigera utan mus, att undvika att viktig information döljs av fastklistrade element (som cookie-banners) och att göra klickbara ytor tillräckligt stora. Det är denna uppdaterade version, WCAG 2.2 nivå AA, som blir den nya ribban att förhålla sig till.

Vanliga (och ofta enkla) brister att åtgärda

När jag granskar webbplatser för små och medelstora företag stöter jag ofta på samma typ av tillgänglighetsbrister. Den goda nyheten är att många av dem är relativt enkla att förstå och åtgärda, och de gör enorm skillnad för användarupplevelsen.

Kontraster och läsbarhet: Mer än bara snygg design

Ett av de absolut vanligaste problemen är för låg kontrast mellan text och bakgrund. En ljusgrå text på en vit bakgrund kan se elegant ut för en designer, men för en person med nedsatt syn kan den vara helt oläslig.

Problemet: Text och knappar smälter in i bakgrunden.
Lösningen: Använd ett verktyg för att kontrollera färgkontraster (finns många gratis online) och justera dina färger så att de uppfyller WCAG AA-kravet. Se också till att texten är tillräckligt stor och att det går att zooma in på sidan utan att innehållet blir konstigt.

Alternativtexter (alt-texter): Bilder måste ha en röst

Bilder som förmedlar information måste ha en så kallad alternativtext, eller "alt-text". Det är en kort, beskrivande text som inte syns visuellt men som läses upp av skärmläsare – ett hjälpmedel som används av personer med grav synnedsättning.

Problemet: Bilder saknar alt-text, eller har en meningslös text som "bild123.jpg".
Lösningen: Gå igenom alla bilder på din sajt som bär på information. Lägg till en kort, koncis beskrivning. Om bilden föreställer en röd jacka, skriv "Röd jacka från varumärke X". Om bilden bara är dekorativ ska alt-texten lämnas tom (alt="") så att skärmläsaren hoppar över den.

Tangentbordsnavigering: Inte alla använder mus

Många människor kan eller vill inte använda en datormus. Det kan bero på en motorisk funktionsnedsättning, en tillfällig skada eller helt enkelt personlig preferens. De navigerar istället med tangentbordet, oftast med Tab-tangenten för att hoppa mellan länkar och knappar.

Problemet: Det går inte att se vilket element som är i fokus när man tabbar, eller man fastnar i en "tangentbordsfälla" där man inte kan tabba vidare.
Lösningen: Prova själv! Lägg undan musen och försök navigera på din egen hemsida med bara Tab-tangenten. Ser du tydligt var du är? Kan du nå alla länkar och knappar? Kan du öppna och stänga menyn? Om inte, behöver en utvecklare se över koden.

Tydliga formulär och felmeddelanden

Ett kontaktformulär eller en utcheckningsprocess kan vara en stor källa till frustration. Otydliga instruktioner och felmeddelanden som försvinner är vanliga syndare.

Problemet: Fält saknar tydliga etiketter (ledtexter), och när man fyller i något felaktigt visas ett otydligt felmeddelande som kanske försvinner direkt.
Lösningen: Se till att varje fält har en permanent etikett som förklarar vad som ska fyllas i. När ett fel uppstår ska det tydligt markeras vilket fält som är fel och varför, och meddelandet ska finnas kvar tills felet är åtgärdat.

En praktisk checklista för att komma igång

Det kan kännas överväldigande, men att börja är enklare än du tror. Här är en enkel checklista:

[ ] Utvärdera din situation: Omfattas ditt företag av lagen? (Fler än 10 anställda eller över 2M EUR i omsättning/balans?)
[ ] Testa dina färger: Använd ett gratis kontrastverktyg online för att se om din text och dina knappar är tillräckligt läsbara.
[ ] Inventera dina bilder: Har alla informativa bilder en beskrivande alt-text?
[ ] Surfa med tangentbordet: Kan du nå och använda hela din webbplats utan mus?
[ ] Fyll i ett formulär: Testa att fylla i ett formulär på din sajt. Är instruktionerna tydliga? Är felmeddelandena hjälpsamma?
[ ] Granska din e-handel: Kan du genomföra ett helt köp, från att välja produkt till att betala, med enbart tangentbordet?

Att arbeta med tillgänglighet är inte ett engångsprojekt, utan en löpande process. Men det är också en investering som betalar sig. En tillgänglig webbplats är nästan alltid en mer användarvänlig, snabbare och mer sökmotoroptimerad webbplats – vilket gynnar precis alla dina besökare och i slutändan även din affär.

Behöver du hjälp att navigera i de nya kraven och se till att din digitala närvaro är redo för 2025 och framtiden? Det kan handla om allt från en grundlig genomgång till konkreta åtgärder.

Funderar du på att bygga nytt från grunden? Läs mer om hur vi kan hjälpa dig att skapa en ny, modern och tillgänglig hemsida.

Har du redan en sajt men behöver hjälp att få den att möta kraven? Vi erbjuder webbförvaltning och löpande anpassningar för att säkra din investering. Kontakta oss på Kreofix så pratar vi mer.