WCAG A, AA och AAA: Vilken nivå behöver du?

WCAG (Web Content Accessibility Guidelines) är organiserat i tre nivåer: A, AA och AAA. Men vad betyder egentligen dessa nivåer, och vilken ska du sikta på?

Nivåerna representerar olika grader av tillgänglighet – från grundläggande krav som gör webbplatser användbar alls, till optimal tillgänglighet som maximerar inkludering.

I denna guide förklarar vi varje nivå, ger exempel på kriterier, och hjälper dig avgöra vilken ambitionsnivå som passar din organisation.

Översikt av nivåerna

Nivå A (Grundläggande):

Nivå AA (Standard):

Nivå AAA (Optimal):

Viktigt: Nivåerna är kumulativa. För att nå AA måste du uppfylla alla A-kriterier PLUS alla AA-kriterier.

Tänk på det som en trappa: Du kan inte hoppa till steg 2 utan att stå på steg 1 först.

Nivå A – Grundläggande tillgänglighet

Nivå A-kriterier är grundläggande. Om du inte uppfyller dessa är sajten troligen oanvändbar för vissa grupper.

Exempel på A-kriterier:

1.1.1 Non-text Content:

Bilder måste ha textalternativ (alt-texter). Utan detta kan blinda användare inte veta vad bilden visar.

2.1.1 Keyboard:

All funktionalitet måste vara åtkomlig via tangentbord. Om en meny bara fungerar med mus kan tangentbordsanvändare inte navigera.

2.1.2 No Keyboard Trap:

Användare får inte fastna i tangentbordsfällor. Om fokus hamnar i en modal som inte går att stänga med tangentbord är de fast.

3.3.1 Error Identification:

Inmatningsfel måste identifieras och beskrivas. Ett formulär som bara markerar fält i rött utan text hjälper inte färgblinda.

4.1.1 Parsing:

HTML-kod måste vara korrekt. Duplicerade ID:n eller ofullständiga taggar bryter hjälpmedel.

Nivå AA – Lagkravet

AA är nivån de flesta lagar refererar till. Det är en praktisk balans – tillräckligt tillgängligt för att fungera för de flesta, men inte så strikt att det blir opraktiskt.

Exempel på AA-kriterier:

1.4.3 Contrast (Minimum):

Text måste ha minst 4.5:1 kontrast mot bakgrunden (3:1 för stor text). Detta är ett av de vanligaste problemen på webben.

1.4.4 Resize Text:

Text måste kunna förstoras till 200% utan förlust av innehåll eller funktionalitet. Layouten får brytas men information får inte försvinna.

2.4.7 Focus Visible:

Tangentbordsfokus måste vara synligt. Användare måste kunna se vilken länk/knapp som är markerad.

3.3.3 Error Suggestion:

Om ett inmatningsfel upptäcks ska förslag på åtgärd ges (om möjligt). 'Ange e-post i format namn@domän.se' – inte bara 'Ogiltig e-post'.

1.4.11 Non-text Contrast (WCAG 2.1):

Grafiska komponenter (ikoner, formulärfält, knappar) måste ha 3:1 kontrast mot omgivningen.

Nivå AAA – Optimal tillgänglighet

AAA representerar optimal tillgänglighet. WCAG erkänner att det inte alltid är möjligt att uppnå AAA för allt innehåll.

Exempel på AAA-kriterier:

1.4.6 Contrast (Enhanced):

Kontrast 7:1 för normal text, 4.5:1 för stor text. Betydligt svårare att uppnå med färgglada varumärken.

1.4.9 Images of Text (No Exception):

Ingen text i bilder alls, inte ens med undantag för logotyper (som A tillåter).

2.2.3 No Timing:

Inga tidsbegränsningar alls, förutom realtidsevent och situationer där tid är väsentlig.

3.1.5 Reading Level:

Innehåll ska vara begripligt för personer med grundskoleutbildning, eller kompletterande versioner ska finnas.

Varför AAA är svårt:

Vissa AAA-kriterier står i konflikt. 3.1.5 (läsnivå) kan krocka med tekniskt innehåll. 1.4.6 (kontrast 7:1) kan krocka med varumärkesfärger.

Vilken nivå ska du välja?

Minimum (lagkrav): AA

Om du inte uppfyller AA riskerar du böter och juridiska problem efter juni 2025. Detta är inte förhandlingsbart för omfattade organisationer.

Rekommendation: AA + utvalda AAA

Sikta på full AA-compliance och lägg till AAA-kriterier där det är praktiskt möjligt och meningsfullt för din målgrupp.

Vilka AAA-kriterier att prioritera:

Specialfall:

Om din målgrupp inkluderar äldre eller personer med specifika funktionsnedsättningar (t.ex. en myndighet för funktionshinderfrågor), överväg högre AAA-adoption.

Praktiskt råd:

Bygg till AA först. Dokumentera vilka AAA-kriterier ni uppfyller eller siktar på. Var transparent i er tillgänglighetsdeklaration.