WCAG står för Web Content Accessibility Guidelines (riktlinjer för tillgängligt webbinnehåll). De publiceras av World Wide Web Consortium (W3C) genom Web Accessibility Initiative (WAI). WCAG är den internationellt erkända standarden för webbtillgänglighet.

Vilken WCAG-nivå ska jag sikta på?

Nivå AA. Det är standardmålet som refereras av tillgänglighetsdirektivet (via EN 301 549), DOS-lagen, och de flesta andra tillgänglighetslagar. Nivå A är absolut minimum. Nivå AAA är aspirerande och krävs normalt inte.

Vad är skillnaden mellan WCAG 2.1 och 2.2?

WCAG 2.2, publicerad 5 oktober 2023, lägger till 9 nya kriterier och tar bort ett (4.1.1 Parsing). De nya kriterierna fokuserar på synligt tangentbordsfokus, alternativ till dragning, minsta målstorlek, konsekvent hjälp, minskad redundant inmatning och tillgänglig autentisering.

Hur hänger WCAG ihop med tillgänglighetsdirektivet?

Tillgänglighetsdirektivet (Direktiv 2019/882) hänvisar till standarden EN 301 549, som bygger på WCAG 2.1 AA för webbinnehåll. Att uppfylla WCAG 2.1 AA är nödvändigt men inte tillräckligt — direktivet täcker även icke-webbprodukter.

Är WCAG 2.2 ett lagkrav?

De flesta lagar refererar för närvarande till WCAG 2.1 AA (via EN 301 549). Men WCAG 2.2 är bakåtkompatibelt — uppfyller du 2.2 AA uppfyller du också 2.1 AA. EU förväntas uppdatera EN 301 549 till WCAG 2.2 i en framtida revision.

WCAG 2.1 och 2.2 — En praktisk guide

Vad är WCAG?

Web Content Accessibility Guidelines (WCAG) publiceras av World Wide Web Consortium (W3C) genom dess Web Accessibility Initiative (WAI). WCAG beskriver hur webbinnehåll kan göras mer tillgängligt för personer med funktionsnedsättning — inklusive synnedsättningar, hörselnedsättningar, fysiska funktionsnedsättningar, kognitiva funktionsnedsättningar och neurologiska tillstånd.

WCAG är den globala referensstandarden. Den refereras i tillgänglighetslagar i många länder:

EU: Tillgänglighetsdirektivet (Direktiv 2019/882) via EN 301 549
Sverige: DOS-lagen (Lag 2018:1937) — refererar till EN 301 549
USA: Section 508
Kanada: Accessible Canada Act

WCAG-versioner

Version	Publicerad	Viktigaste tillägget
WCAG 2.0	December 2008	Teknikneutral, testbara kriterier, POUR-principerna
WCAG 2.1	Juni 2018	Mobilanvändning, nedsatt syn, kognitiva funktionsnedsättningar — 17 nya kriterier
WCAG 2.2	Oktober 2023	Fokussynlighet, målstorlek, autentisering — 9 nya kriterier
WCAG 3.0	Under utveckling	Ny konformitetsmodell — ännu inte en standard

Varje ny version bygger på den föregående. WCAG 2.2 inkluderar allt från 2.1, som inkluderar allt från 2.0.

De fyra principerna (POUR)

Alla WCAG-kriterier är organiserade under fyra principer:

1. Uppfattbarhet (Perceivable)

Användare ska kunna uppfatta informationen:

Textalternativ för bilder och annat icke-textinnehåll
Textning och transkription för ljud och video
Tillräcklig färgkontrast — minst 4,5:1 för normal text
Innehåll som kan anpassas utan att information förloras

2. Hanterbarhet (Operable)

Användare ska kunna använda gränssnittet:

All funktionalitet ska fungera med tangentbord
Inga tangentbordsfällor
Tillräcklig tid för att slutföra uppgifter
Inget innehåll som blinkar mer än tre gånger per sekund
Tydlig navigering med beskrivande rubriker och etiketter

3. Begriplighet (Understandable)

Användare ska kunna förstå innehållet:

Sidans språk ska vara deklarerat i HTML
Konsekvent navigering genom hela webbplatsen
Tydlig felidentifiering i formulär med korrigeringsförslag

4. Robusthet (Robust)

Innehåll ska fungera med olika teknologier:

Korrekt uppmärkning (valid HTML)
Namn, roll och värde exponeras korrekt för hjälpmedel som skärmläsare

Konformitetsnivåer

Nivå	Kriterier (WCAG 2.1)	Kriterier (WCAG 2.2)	Beskrivning
A	25	26	Grundläggande — tar bort de allvarligaste barriärerna
AA	50 totalt	55 totalt	Standardmål — det som lagarna kräver
AAA	78 totalt	84 totalt	Förbättrad — aspirerande, normalt inte ett krav

Nivå AA är ditt mål. Det är vad tillgänglighetsdirektivet, DOS-lagen och de flesta andra lagar refererar till.

Vad är nytt i WCAG 2.2?

WCAG 2.2 blev en W3C-rekommendation den 5 oktober 2023. Den lägger till 9 nya kriterier och tar bort ett:

Nytt nivå A-kriterium

Nr	Namn	Vad det innebär
2.4.11	Fokus inte skymt (minimum)	När ett element får tangentbordsfokus får det inte vara helt dolt av annat innehåll (som en fast header eller cookie-banner)

Nya nivå AA-kriterier

Nr	Namn	Vad det innebär
2.4.12	Fokus inte skymt (utökat)	Fokuserade element ska vara helt synliga — inte bara delvis
2.5.7	Dragningsrörelser	Alla funktioner som kräver dragning måste ha ett klickbaserat alternativ
2.5.8	Målstorlek (minimum)	Klickbara element ska vara minst 24×24 CSS-pixlar, eller ha tillräckligt avstånd
3.2.6	Konsekvent hjälp	Hjälpfunktioner (kontaktinfo, chatt, FAQ) ska visas i samma ordning på varje sida
3.3.7	Redundant inmatning	Information som användaren redan angett ska fyllas i automatiskt — be inte om samma data två gånger

Nya nivå AAA-kriterier

Nr	Namn	Vad det innebär
3.3.8	Tillgänglig autentisering (minimum)	Inloggning ska inte kräva memorering eller transkribering — tillåt lösenordshanterare och klistra in
3.3.9	Tillgänglig autentisering (utökat)	Inga kognitiva tester alls vid inloggning
2.4.13	Fokusutseende	Fokusindikatorer ska uppfylla minimikrav för storlek och kontrast

Borttaget kriterium

Nr	Namn	Varför borttaget
4.1.1	Parsing	Moderna webbläsare och hjälpmedel hanterar tolkningsfel väl. Problemen täcks nu av 4.1.2 Namn, roll, värde.

WCAG och svensk lag

DOS-lagen

DOS-lagen (Lag 2018:1937) kräver att offentliga aktörer uppfyller EN 301 549, som bygger på WCAG 2.1 AA. DIGG ansvarar för tillsyn.

Tillgänglighetsdirektivet

Från 28 juni 2025 gäller tillgänglighetsdirektivet även för privat sektor. Det refererar till samma standard (EN 301 549 / WCAG 2.1 AA).

Framtiden: WCAG 2.2

EU förväntas uppdatera EN 301 549 till att referera WCAG 2.2 i en kommande revision. Organisationer som siktar på långsiktig efterlevnad bör redan nu arbeta mot WCAG 2.2.

Hur du uppnår WCAG AA-efterlevnad

Steg 1: Kontrollera var du står

Kör en gratis tillgänglighetskontroll för att se din webbplats nuvarande WCAG-status. Du får resultat inom 60 sekunder.

Steg 2: Åtgärda mallar först

Brister i sidhuvud, sidfot, navigering och sidmallar multipliceras över hela webbplatsen. Åtgärda dem först för maximal effekt.

Steg 3: Åtgärda innehållsproblem

Lägg till meningsfull alternativtext på bilder, textning på video, och korrigera rubrikhierarkin.

Steg 4: Testa med hjälpmedel

Testa med skärmläsare (VoiceOver på Mac, NVDA på Windows) och enbart tangentbordsnavigering.

Steg 5: Övervaka löpande

Varje ny sida eller kodändring kan skapa nya brister. Löpande övervakning med Askem fångar upp regressioner automatiskt.