WCAG 2.2-riktlinjer

Praktisk, utvecklarvänlig vägledning för WCAG 2.2 – vad som är nytt, vad du ska bygga och hur du testar.

Senast granskad: 25 augusti 2026.

WCAG 2.2-checklista efter nivå och team

Använd den här checklistan för att granska krav per uppfyllnadsnivå (A, AA, AAA) och arbetsområde (Design, Utveckling, Innehåll).

Nivå ANivå AANivå AAADesignUtvecklingInnehåll
KravFörklaring på enkel svenskaSå testar duVanligt felSå åtgärdar duRelaterad GetWCAG-resurs
AADesign
2.5.8 Målstorlek (minimum) – AA
Mål ska vara minst 24×24 CSS-px eller ha tillräckligt mellanrum.Pekartest: verifiera 24×24 eller mellanrum; inget krav på drag. (2.5.7/2.5.8)Primary buttons and icon-only controls are too small on mobile.Increase interactive target size to at least 24x24 CSS px or add spacing.Färgkontrastkontroll
AADevelopment
2.4.11 Fokus inte skymt (minimum) – AA
Fokuserade element ska vara minst delvis synliga (undvik att klistrig UI döljer fokus).Tangentbordskontroll: bekräfta att fokus är synligt och inte skymt. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.WCAG 2.2 testbibliotek
AADevelopment
2.5.7 Drag-rörelser – AA
Erbjud ett alternativ med en enda pekare till drag (t.ex. knappar för att flytta/ändra storlek).Pekartest: verifiera 24×24 eller mellanrum; inget krav på drag. (2.5.7/2.5.8)Drag-and-drop is required with no keyboard or tap alternative.Provide add/remove, reorder, or move buttons as single-pointer alternatives.WCAG 2.2 testbibliotek
AAContent
3.3.8 Tillgänglig autentisering (minimum) – AA
Undvik kognitiva tester; tillåt lösenordshanterare, kopiera/klistra, passkeys m.m.Autentisering: tillåt klistra in & hanterare; erbjud passkeys/e-postlänk. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Manuella tillgänglighetsgranskningar av en expert
AContent
3.2.6 Konsekvent hjälp – A
Placera hjälpfunktioner på en konsekvent plats mellan sidor.Flersteg: behåll data; konsekvent plats för hjälp. (3.3.7 / 3.2.6)Help links or support actions move between templates.Keep support entry points in a consistent location across key pages.Allt om den
AAADesign
2.4.13 Fokusindikator – AAA
Tydlig fokusindikator med tillräcklig kontrast.Tangentbordskontroll: bekräfta att fokus är synligt och inte skymt. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Färgkontrastkontroll

Vad är nytt i WCAG 2.2

WCAG 2.2 lägger till 9 nya framgångskriterier och tar bort 4.1.1 Parsing. Uppfyllelse av 2.2 innebär även 2.1/2.0 (bakåtkompatibelt). [1]

  • 2.4.11 Fokus inte skymt (minimum) – AA
    Fokuserade element ska vara minst delvis synliga (undvik att klistrig UI döljer fokus). [2]
  • 2.4.12 Fokus inte skymt (förbättrad) – AAA
    Det fokuserade elementet ska vara helt synligt. [3]
  • 2.4.13 Fokusindikator – AAA
    Tydlig fokusindikator med tillräcklig kontrast. [4]
  • 2.5.7 Drag-rörelser – AA
    Erbjud ett alternativ med en enda pekare till drag (t.ex. knappar för att flytta/ändra storlek). [5]
  • 2.5.8 Målstorlek (minimum) – AA
    Mål ska vara minst 24×24 CSS-px eller ha tillräckligt mellanrum. [6]
  • 3.2.6 Konsekvent hjälp – A
    Placera hjälpfunktioner på en konsekvent plats mellan sidor. [7]
  • 3.3.7 Upprepad inmatning – A
    Kräv inte att användaren matar in samma uppgifter igen i flersteg – förifyll eller erbjud ”använd tidigare”. [8]
  • 3.3.8 Tillgänglig autentisering (minimum) – AA
    Undvik kognitiva tester; tillåt lösenordshanterare, kopiera/klistra, passkeys m.m. [9]
  • 3.3.9 Tillgänglig autentisering (förbättrad) – AAA
    Samma syfte, striktare täckning. [10]

AA-checklista (bygg & testa)

Täck dessa områden med stor påverkan på AA, inklusive nya punkter i 2.2.

Fokus & tangentbord

  • Alla kontroller nås med Tab/Shift+Tab; inga fällor.
  • Synlig :focus-visible-markering med god kontrast. (2.4.11/2.4.13) [11]
  • Fokuserat objekt döljs inte av klistriga headers/footers. (2.4.11) [12]

Pekare & målstorlek

  • Alternativ till drag för all funktionalitet. (2.5.7) [13]
  • Mål ≥ 24×24 CSS-px eller tillräckligt mellanrum. (2.5.8) [14]

Formulär & autentisering

  • Tydliga etiketter; hjälpsamma fel; programmatisk status.
  • Be inte om samma uppgift två gånger i samma flöde. (3.3.7) [15]
  • Tillåt klistra in/lösenordshanterare/passkeys; undvik kognitiva tester. (3.3.8) [16]

Hjälp & process

  • Placera hjälplänkar eller kontakt konsekvent på sidorna. (3.2.6) [17]
  • Hela sidor och fullständiga processer ska nå vald nivå (inte bara enskilda vyer). [18]

Tillgänglighetsuppfyllelse (hur WCAG uppnås)

  • Nivåer: A, AA, AAA. Policymål är oftast AA. [19]
  • Hela sidor & fullständiga processer: varje steg ska uppfylla nivån. [20]
  • Tillgänglighetsstödd teknik och inget innehåll som bryter mot kriterierna. [21]
  • Bakåtkompatibelt: 2.2 bygger på 2.1/2.0; 4.1.1 har tagits bort. [22]

Testflöde (praktiskt)

  1. Automatiska regler (GetWCAG) för snabba träffar.
  2. Tangentbordskontroll: bekräfta att fokus är synligt och inte skymt. (2.4.11) [23]
  3. Pekartest: verifiera 24×24 eller mellanrum; inget krav på drag. (2.5.7/2.5.8) [24]
  4. Autentisering: tillåt klistra in & hanterare; erbjud passkeys/e-postlänk. (3.3.8) [25]
  5. Flersteg: behåll data; konsekvent plats för hjälp. (3.3.7 / 3.2.6) [26]

”Inga automatiska problem” ≠ uppfylld WCAG. Manuell granskning krävs.

Vanliga frågor

Om jag når 2.2 AA, uppfyller jag då 2.1 AA?

Ja – WCAG 2.2 är ett tillägg till 2.1/2.0 (förutom att 4.1.1 tagits bort). [27]

Är AAA ett krav?

Vanligtvis inte. Behandla AAA (t.ex. 2.4.12, 2.4.13, 3.3.9) som ambitionsmål om inte policy kräver det. [28]

Officiella referenser
  1. What’s new in WCAG 2.2 (W3C)
  2. Understanding 2.4.11
  3. Understanding 2.4.12
  4. Understanding 2.4.13
  5. Understanding 2.5.7
  6. Understanding 2.5.8
  7. Understanding 3.2.6
  8. Understanding 3.3.7
  9. Understanding 3.3.8
  10. Understanding 3.3.9
  11. Focus appearance guidance
  12. Focus not obscured guidance
  13. Dragging movements
  14. Target size minimum
  15. Redundant entry
  16. Accessible authentication (min)
  17. Consistent help
  18. Conformance basics
  19. WCAG overview
  20. Full pages & processes
  21. Accessibility-supported
  22. New in 2.2 / 4.1.1 note
  23. Keyboard sweep ref
  24. Pointer & target size
  25. Auth checks
  26. Process consistency
  27. 2.2 implies 2.1/2.0
  28. AAA context
WCAG 2.2-riktlinjer (AA-fokus), Praktisk guide