WCAG 2.2-retningslinjer

Praktisk, udviklerklar vejledning til WCAG 2.2 – hvad er nyt, hvad du bygger, og hvordan du tester.

Hvad er nyt i WCAG 2.2

WCAG 2.2 tilføjer 9 nye succeskriterier og fjerner 4.1.1 Parsing. Overholdelse af 2.2 indebærer 2.1/2.0 (bagudkompatibel). [1]

  • 2.4.11 Fokus ikke skjult (minimum) – AA
    Fokuserede elementer skal være mindst delvist synlige (undgå at sticky UI skjuler fokus). [2]
  • 2.4.12 Fokus ikke skjult (udvidet) – AAA
    Det fokuserede element er fuldt synligt. [3]
  • 2.4.13 Fokusudseende – AAA
    Tydelig fokusindikator med tilstrækkelig kontrast. [4]
  • 2.5.7 Trækbevægelser – AA
    Tilbyd et enkelt-peger-alternativ til træk (fx knapper til at flytte/ændre størrelse). [5]
  • 2.5.8 Målstørrelse (minimum) – AA
    Mål er mindst 24×24 CSS-px eller har tilstrækkelig afstand. [6]
  • 3.2.6 Konsistent hjælp – A
    Hold hjælpeløsninger samme sted på tværs af sider. [7]
  • 3.3.7 Redundant indtastning – A
    Bed ikke brugeren om de samme oplysninger igen i flertrinsforløb; forudfyld eller tilbyd “brug tidligere”. [8]
  • 3.3.8 Tilgængelig godkendelse (minimum) – AA
    Undgå kognitive tests; tillad password managers, kopiér/indsæt, passkeys m.m. [9]
  • 3.3.9 Tilgængelig godkendelse (udvidet) – AAA
    Samme formål, strengere dækning. [10]

AA-tjekliste (byg & test)

Dæk disse høj-impact AA-områder, inklusive de nye 2.2-punkter.

Fokus & tastatur

  • Alle kontroller nås med Tab/Shift+Tab; ingen fælder.
  • Synlig :focus-visible-markering med god kontrast. (2.4.11/2.4.13) [11]
  • Fokuselement skjules ikke af sticky header/footer. (2.4.11) [12]

Pegefelt & mål

  • Alternativ til træk for al funktionalitet. (2.5.7) [13]
  • Mål ≥ 24×24 CSS-px eller tilstrækkelig afstand. (2.5.8) [14]

Formularer & godkendelse

  • Tydelige labels; hjælpsomme fejl; programmatisk tilstand.
  • Bed ikke om samme info to gange i samme flow. (3.3.7) [15]
  • Tillad indsæt/manager/passkeys; undgå kognitive tests. (3.3.8) [16]

Hjælp & proces

  • Placer hjælpelinks eller kontakt ensartet på siderne. (3.2.6) [17]
  • Hele sider og komplette processer skal opfylde niveauet (ikke kun enkeltvisninger). [18]

WCAG-overholdelse (sådan opnås den)

  • Niveauer: A, AA, AAA. Politik sigter typisk mod AA. [19]
  • Hele sider & komplette processer: hvert trin opfylder niveauet. [20]
  • Teknologier med tilgængelighedsstøtte og intet indhold, der bryder kriterierne. [21]
  • Bagudkompatibelt: 2.2 bygger på 2.1/2.0; 4.1.1 fjernet. [22]

Testforløb (praktisk)

  1. Automatiske regler (GetWCAG) til hurtige fund.
  2. Tastaturgennemgang: fokus er synligt og ikke skjult. (2.4.11) [23]
  3. Pegetest: 24×24 eller afstand; ingen påkrævet træk. (2.5.7/2.5.8) [24]
  4. Godkendelse: tillad indsæt & managers; tilbyd passkeys/e-maillink. (3.3.8) [25]
  5. Flertrinsforløb: bevar data; konsistent hjælpelokation. (3.3.7 / 3.2.6) [26]

“Ingen automatiske problemer” ≠ overholdelse. Manuel gennemgang kræves.

FAQ

Hvis jeg opfylder 2.2 AA, opfylder jeg så 2.1 AA?

Ja – WCAG 2.2 bygger oven på 2.1/2.0 (4.1.1 er fjernet). [27]

Er AAA påkrævet?

Normalt ikke. Behandl AAA (fx 2.4.12, 2.4.13, 3.3.9) som målsætninger, medmindre politik kræver det. [28]

Officielle referencer
  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-retningslinjer (AA-fokus) — Praktisk guide