Tillgänglighetslagen och WCAG: det här gäller för webbplatser och appar

Tillgänglighetslagen (lag 2023:254) gäller sedan 28 juni 2025 och kräver att bland annat e-handel, banktjänster, e-böcker och biljettköp för persontransporter går att använda för personer med funktionsnedsättning, när tjänsterna riktar sig till konsumenter. Mikroföretag som säljer tjänster är undantagna. Den som bryter mot lagen kan få ett föreläggande med vite eller en sanktionsavgift på mellan 10 000 och 10 miljoner kronor. I praktiken bedöms webbplatser och appar mot standarden EN 301 549, som i dag bygger på WCAG 2.1 nivå AA.

Vad är tillgänglighetslagen?

Lagen om vissa produkters och tjänsters tillgänglighet är Sveriges genomförande av EU:s tillgänglighetsdirektiv, European Accessibility Act (direktiv 2019/882). Den ställer krav på information, användargränssnitt och funktionell utformning, så att tjänsten går att uppfatta, hantera och förstå även för den som ser dåligt, inte kan använda mus eller har svårt att läsa. Detaljerna finns i förordningen (2023:676) och i föreskrifter från bland annat Post- och telestyrelsen (PTS).

Lagen gäller privata företag. Offentlig sektor har sedan 1 januari 2019 en egen lag, lagen om tillgänglighet till digital offentlig service, som ofta kallas DOS-lagen.

Vilka tjänster och produkter omfattas?

Tjänsterna omfattas bara när de är avsedda för konsumenter. En webbutik som enbart säljer till företag berörs alltså inte av lagen.

Tjänst Exempel Tillsynsmyndighet
E-handel Webbutiker och köp i appar PTS
Banktjänster för konsumenter Internetbank och bankappar PTS
Elektroniska kommunikationstjänster Telefoni och internetanslutning PTS
Persontransporter med flyg, buss, tåg och fartyg: webbplatser, appar och e-biljetter Bokningssidor, reseappar, digitala biljetter Konsumentverket
Persontransporter: reseinformation och självbetjäningsterminaler Information i realtid, tjänster i biljett- och incheckningsautomater Transportstyrelsen
E-böcker E-böcker och programvara för att läsa dem Myndigheten för tillgängliga medier (MTM)
Åtkomst till audiovisuella medietjänster Webbplatser och appar för strömning och play-tjänster Mediemyndigheten

Lagen gäller också produkter: datorer och operativsystem för konsumenter, betalterminaler, uttags-, biljett- och incheckningsautomater, vissa självbetjäningsterminaler med information, telefoner och annan terminalutrustning samt läsplattor. PTS är marknadskontrollmyndighet för alla produkterna.

Omfattas vi? Fem frågor

  1. Är ni en myndighet, kommun, region eller annan offentlig aktör? Då gäller DOS-lagen, med Digg som tillsynsmyndighet, och inte tillgänglighetslagen.
  2. Erbjuder ni någon av tjänsterna i tabellen ovan till konsumenter? Nej: tillgänglighetslagen gäller inte er tjänst, men samma riktlinjer är god praxis. Ja: gå vidare.
  3. Är ni ett mikroföretag? Det betyder färre än tio anställda och en årsomsättning eller balansomslutning på högst 2 miljoner euro. Ja: era tjänster behöver inte uppfylla kraven. Undantaget gäller bara tjänster. Tillverkar eller säljer ni produkter gäller kraven ändå.
  4. Skulle kraven ändra tjänstens grundläggande karaktär eller bli en oproportionerligt stor börda? Då kan ett undantag gälla, men ni måste dokumentera och motivera bedömningen, spara den och anmäla till tillsynsmyndigheten att ni använder undantaget. Har ni fått extern finansiering för att förbättra tillgängligheten kan ni inte åberopa börda.
  5. Annars: tjänsten ska uppfylla tillgänglighetskraven, och ni ska ta fram information om hur den gör det.

Informationsskyldigheten är ett krav

Enligt 25 § ska varje tjänsteleverantör ta fram information om hur tjänsten uppfyller tillgänglighetskraven. Det är inte frivilligt. PTS föreskrifter preciserar att informationen ska innehålla en allmän beskrivning av tjänsten i tillgängliga format, det som behövs för att förstå hur tjänsten fungerar och en beskrivning av hur kraven uppfylls. Den ska finnas i tjänstens allmänna villkor eller i ett motsvarande dokument, vara tillgänglig för allmänheten och finnas kvar så länge tjänsten erbjuds. Använder ni ett undantag ska informationen säga vilka krav undantaget gäller.

Upptäcker ni att tjänsten inte uppfyller kraven ska ni rätta bristen och utan dröjsmål underrätta tillsynsmyndigheten.

Vad händer om man inte följer lagen?

  • Uppmaning och föreläggande. Tillsynsmyndigheten uppmanar först företaget att rätta bristen inom en viss tid. Händer inget kan myndigheten besluta om föreläggande.
  • Vite. Ett föreläggande får förenas med vite.
  • Sanktionsavgift. Myndigheten kan ta ut en sanktionsavgift på lägst 10 000 och högst 10 000 000 kronor. I ringa fall tas ingen avgift ut, och avgiften kan inte beslutas mer än fem år efter överträdelsen.

Lagen har ingen bestämmelse om att myndigheten kan förbjuda en tjänst. För produkter gäller däremot att tillverkare och importörer ska rätta eller dra tillbaka produkter som inte uppfyller kraven.

Övergångsregler och undantag

  • Avtal från före 28 juni 2025 får fortsätta tills avtalstiden löper ut, dock längst till och med 27 juni 2030.
  • Produkter som redan användes för att tillhandahålla en tjänst får användas längst till och med 27 juni 2030.
  • Självbetjäningsterminaler som användes före 28 juni 2025 får användas i upp till 20 år från att de togs i bruk.
  • Äldre innehåll. Förinspelad video och ljud samt dokument som publicerades före 28 juni 2025 omfattas inte, och inte heller arkiverat innehåll som inte har uppdaterats efter det datumet.

Tidslinje

Datum Händelse
1 januari 2019 DOS-lagen träder i kraft för offentlig sektor
17 april 2019 EU antar tillgänglighetsdirektivet (2019/882)
5 oktober 2023 WCAG 2.2 publiceras av W3C
28 juni 2025 Tillgänglighetslagen börjar gälla
2 september 2026 EN 301 549 v4.1.1 publiceras, med WCAG 2.2
Slutet av 2026 (väntas) v4.1.1 citeras i EU:s officiella tidning och blir referens för lagkraven
1 januari 2027 Digg och PTS slås ihop till Digitaliseringsmyndigheten
27 juni 2030 Sista dag för äldre avtal och produkter enligt övergångsreglerna

WCAG 2.1 eller 2.2?

Lagen anger funktionella krav, inte en viss WCAG-version. Den som följer en harmoniserad standard som är citerad i EU:s officiella tidning anses uppfylla kraven. Den citerade standarden är i dag EN 301 549 v3.2.1, som för webb bygger på WCAG 2.1 nivå AA.

Den nya versionen EN 301 549 v4.1.1 publicerades 2 september 2026 och bygger på WCAG 2.2 nivå AA. Den blir referens först när EU-kommissionen har citerat den i den officiella tidningen, vilket väntas ske mot slutet av 2026. Bygger eller gör ni om en tjänst nu, sikta direkt på WCAG 2.2.

WCAG i korthet

WCAG, Web Content Accessibility Guidelines, tas fram av W3C och bygger på fyra principer: innehållet ska vara möjligt att uppfatta, hanterbart, begripligt och robust. Varje kriterium har nivå A, AA eller AAA, och lagkraven motsvarar nivå A och AA. WCAG 2.2 har sex nya kriterier på de nivåerna och har tagit bort kriteriet om parsning, så nivå AA i 2.2 har fem kriterier fler än i 2.1.

Nytt i WCAG 2.2 Nivå Kort förklaring
2.4.11 Fokus inte dolt AA Det markerade elementet får inte döljas helt av till exempel en fast sidfot eller cookiebanner
2.5.7 Dragrörelser AA Det som kräver att man drar ska också gå med enkla klick
2.5.8 Klickytans storlek AA Klickytor ska vara minst 24 × 24 CSS-pixlar, med vissa undantag
3.2.6 Konsekvent hjälp A Hjälp och kontaktvägar ska ligga på samma ställe på varje sida
3.3.7 Upprepad inmatning A Uppgifter som redan har angetts i samma flöde ska inte behöva skrivas in igen
3.3.8 Tillgänglig inloggning AA Inloggning får inte kräva att man minns eller skriver av något, om det inte finns ett alternativ, till exempel att klistra in eller använda lösenordshanterare

De vanligaste felen

När PTS 2024 lät granska 15 privata företags webbplatser var 14 av dem mycket svåra att använda för vissa användare med funktionsnedsättning. Åtta av elva appar var svåra att använda. Felen i granskningen är de klassiska:

1. För låg kontrast

WCAG kräver kontrastförhållandet 4,5:1 för vanlig text och 3:1 för stor text, alltså minst 18 punkter eller 14 punkter i fetstil. Knappar, fältkanter och ikoner som behövs för att förstå sidan ska ha minst 3:1 mot omgivningen. Information får inte heller förmedlas enbart med färg, till exempel ett rött fält utan text som säger vad som är fel.

Innehåll AA AAA
Vanlig text 4,5:1 7:1
Stor text 3:1 4,5:1
Knappar, fält och grafik 3:1 Inget krav

I vår färgkonverterare kan du se kontrasten för en färg mot vit och mot svart bakgrund, och om den når 3:1, 4,5:1 eller 7:1. Det räcker för att kontrollera textfärger och knappar på ljus eller mörk bakgrund.

2. Bilder utan alternativtext

Skärmläsare läser upp bildens alt-text. Beskriv vad bilden visar eller vad den gör, till exempel ”Varukorg, 3 varor” på en ikon. Rent dekorativa bilder ska ha tom alt-text så att de hoppas över.

3. Otydlig struktur och egna komponenter

Rubriker som bara ser ut som rubriker, listor som inte är listor och egenbyggda menyer och knappar som skärmläsare inte känner igen. Använd riktiga HTML-element i rätt ordning, och ge egna komponenter rätt roll och namn.

4. Formulär utan etiketter

En platshållartext i grått försvinner när man börjar skriva och läses ofta inte upp. Varje fält behöver en synlig etikett som är kopplad till fältet i koden. Felmeddelanden ska säga vad som är fel och hur det rättas.

5. Det går inte att använda tangentbordet

Allt som går att klicka på ska gå att nå med tabbtangenten, i en logisk ordning, och det ska synas vilket element som är markerat. Lägg till en länk för att hoppa förbi menyn.

6. Sidan går sönder vid zoom

Text ska gå att förstora till 200 procent, och innehållet ska fungera i en bredd motsvarande 320 CSS-pixlar utan att man behöver skrolla i sidled. I appar är låst skärmriktning och appar som ignorerar telefonens textstorlek vanliga fel.

7. Text som är svår att förstå

För banktjänster finns ett uttryckligt krav: informationen ska vara begriplig och inte ligga över nivå B2 (övre medelnivå) i Europarådets referensram för språk. WCAG:s kriterium om läsnivå (3.1.5) är däremot nivå AAA och inget lagkrav. Korta meningar och vanliga ord hjälper ändå alla. Läs mer om läsbarhetsmåttet i vår guide till LIX, och mät din egen text i teckenräknaren.

Checklista för WCAG 2.2 AA

  • Text har minst 4,5:1 i kontrast, stor text och kontroller minst 3:1.
  • Alla bilder som bär information har alt-text.
  • Rubriker, listor och tabeller är riktiga HTML-element.
  • Hela köp- eller inloggningsflödet går att genomföra med enbart tangentbord.
  • Fokus syns tydligt och döljs inte av fasta element.
  • Klickytor är minst 24 × 24 CSS-pixlar.
  • Formulärfält har synliga etiketter och tydliga felmeddelanden.
  • Inloggning fungerar med lösenordshanterare och inklistring.
  • Kunden behöver inte skriva samma uppgift två gånger i samma flöde.
  • Hjälp och kontakt finns på samma plats på alla sidor.
  • Sidan fungerar vid 200 procents zoom och i 320 pixlars bredd.
  • Video har undertexter.
  • Informationen om hur tjänsten uppfyller kraven finns i de allmänna villkoren.

Så testar du din webbplats

  1. Automatiska verktyg som Lighthouse i Chrome eller tillägget axe hittar en del av felen, till exempel låg kontrast och saknade alt-texter. Resten kräver manuella tester.
  2. Tangentbordstest. Lägg undan musen och försök genomföra ett köp.
  3. Skärmläsartest. Prova med VoiceOver på Mac och iPhone, TalkBack på Android eller NVDA på Windows.
  4. Zoomtest. Zooma till 200 procent och kontrollera att inget försvinner eller överlappar.
  5. Testa med användare. Personer som använder hjälpmedel varje dag hittar fel som inga verktyg ser.

Räcker ett tillgänglighetsverktyg på sidan?

Nej. Så kallade overlays, widgetar som lägger en meny för kontrast och textstorlek ovanpå sidan, gör inte webbplatsen tillgänglig. Europeiska handikappforumet (EDF) och den internationella organisationen för tillgänglighetsexperter (IAAP) skriver i ett gemensamt uttalande att overlays inte gör en webbplats förenlig med EU:s lagstiftning, och att vissa kan störa användarnas egna hjälpmedel. Felen måste rättas i själva webbplatsen.

Så klagar du som användare

  1. Kontakta företaget först. Beskriv vad som inte fungerade, på vilken sida och med vilket hjälpmedel.
  2. Vänd dig till tillsynsmyndigheten. Löser företaget inte problemet kan du kontakta myndigheten för tjänsten enligt tabellen ovan, till exempel PTS för e-handel och bank eller Konsumentverket för en resebokningssida.
  3. Offentlig sektor. För myndigheters och kommuners webbplatser och appar anmäler du brister till Digg, efter att först ha kontaktat organisationen via dess tillgänglighetsredogörelse. Från 1 januari 2027 tar Digitaliseringsmyndigheten över.

Vanliga frågor om tillgänglighetslagen

Gäller lagen för min lilla webbutik?

Inte om företaget har färre än tio anställda och högst 2 miljoner euro i årsomsättning eller balansomslutning. Då är tjänsten undantagen. Säljer du bara till företag gäller lagen inte heller.

Gäller lagen för företagets vanliga webbplats?

Bara om webbplatsen är en del av en tjänst som omfattas, till exempel en webbutik eller en bokningstjänst. En ren informationssida om företaget omfattas normalt inte.

Hur stor kan sanktionsavgiften bli?

Mellan 10 000 och 10 000 000 kronor. Avgiften tas inte ut i ringa fall och kan sättas ned om det finns särskilda skäl.

Måste vi ha en tillgänglighetsredogörelse?

Ordet tillgänglighetsredogörelse hör till DOS-lagen för offentlig sektor. Privata företag som omfattas av tillgänglighetslagen ska i stället ta fram information om hur tjänsten uppfyller kraven och lägga den i de allmänna villkoren eller motsvarande dokument. Flera företag publicerar den också som en separat sida om tillgänglighet.

Vem har tillsyn över tillgänglighetslagen?

Det beror på tjänsten. PTS har tillsyn över e-handel, banktjänster och elektronisk kommunikation och är marknadskontrollmyndighet för produkter. Konsumentverket, Transportstyrelsen, Myndigheten för tillgängliga medier och Mediemyndigheten ansvarar för transporter, e-böcker och strömning. PTS har vägledning om kraven.

Källor

Källor

  • pts.se
  • Riksdagen: Lag (2023:254) om vissa produkters och tjänsters tillgänglighet data.riksdagen.se
  • lagen.nu
  • pts.se
  • transportstyrelsen.se
  • pts.se
  • Digg: Anmäl bristande tillgänglighet digg.se
  • accessible-eu-centre.ec.europa.eu
  • Level Access: EN 301 549 v4.1.1, what changed and when it applies levelaccess.com
  • W3C: What’s New in WCAG 2.2 w3.org
  • W3C: Web Content Accessibility Guidelines (WCAG) 2.2 (5 oktober 2023) w3.org
  • eur-lex.europa.eu
  • edf-feph.org
  • riksdagen.se

Lämna en kommentar