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.

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