Linee guida WCAG 2.2

Guida pratica, pronta per gli sviluppatori, a WCAG 2.2 – novità, cosa costruire e come testare.

Novità in WCAG 2.2

WCAG 2.2 aggiunge 9 nuovi criteri di successo e rimuove 4.1.1 Parsing. La conformità a 2.2 implica 2.1/2.0 (compatibile a ritroso). [1]

  • 2.4.11 Focus non oscurato (minimo) – AA
    Gli elementi a fuoco devono essere almeno parzialmente visibili (evitare che UI adesive coprano il focus). [2]
  • 2.4.12 Focus non oscurato (avanzato) – AAA
    L’elemento a fuoco è completamente visibile. [3]
  • 2.4.13 Aspetto del focus – AAA
    Indicatore di focus chiaro con contrasto sufficiente. [4]
  • 2.5.7 Movimenti di trascinamento – AA
    Fornire un’alternativa a singolo puntatore al trascinamento (es. pulsanti per spostare/ridimensionare). [5]
  • 2.5.8 Dimensione del bersaglio (minima) – AA
    Bersagli di almeno 24×24 px CSS o con spaziatura sufficiente. [6]
  • 3.2.6 Assistenza coerente – A
    Mantenere i meccanismi di aiuto in una posizione coerente tra le pagine. [7]
  • 3.3.7 Inserimento ridondante – A
    Non richiedere agli utenti di reinserire dati in flussi a più passaggi; precompila o offri “usa precedente”. [8]
  • 3.3.8 Autenticazione accessibile (minimo) – AA
    Evitare test cognitivi; consentire gestori di password, copia/incolla, passkeys ecc. [9]
  • 3.3.9 Autenticazione accessibile (avanzata) – AAA
    Stessa finalità, copertura più rigorosa. [10]

Checklist AA (costruire & testare)

Coprire queste aree AA ad alto impatto, incluse le novità di 2.2.

Focus & tastiera

  • Ogni controllo raggiungibile con Tab/Shift+Tab; nessuna trappola.
  • Contorno :focus-visible visibile con buon contrasto. (2.4.11/2.4.13) [11]
  • L’elemento a fuoco non è nascosto da header/footer adesivi. (2.4.11) [12]

Puntatore & dimensione del bersaglio

  • Alternativa al trascinamento per ogni funzionalità. (2.5.7) [13]
  • Bersagli ≥ 24×24 px CSS o spaziatura sufficiente. (2.5.8) [14]

Form & autenticazione

  • Etichette esplicite; errori utili; stato programmatico.
  • Non richiedere due volte le stesse informazioni nello stesso processo. (3.3.7) [15]
  • Consentire incolla/gestori/passkeys; evitare test cognitivi. (3.3.8) [16]

Aiuto & processo

  • Posizionare link di aiuto o contatti in modo coerente. (3.2.6) [17]
  • Pagine complete e processi completi devono raggiungere il livello target (non solo singole schermate). [18]

Conformità WCAG (come si ottiene)

  • Livelli: A, AA, AAA. Le policy puntano di solito a AA. [19]
  • Pagine complete & processi completi: ogni passaggio soddisfa il livello. [20]
  • Tecnologie con supporto all’accessibilità e nessun contenuto che violi i criteri. [21]
  • Compatibile a ritroso: 2.2 estende 2.1/2.0; 4.1.1 rimosso. [22]

Flusso di test (pratico)

  1. Regole automatiche (GetWCAG) per rilevamenti rapidi.
  2. Passata con tastiera: focus visibile e non oscurato. (2.4.11) [23]
  3. Controlli del puntatore: 24×24 o spaziatura; nessun trascinamento obbligatorio. (2.5.7/2.5.8) [24]
  4. Auth: consenti incolla & gestori; offri passkeys/link email. (3.3.8) [25]
  5. Flussi multi-step: conserva i dati; posizione dell’aiuto coerente. (3.3.7 / 3.2.6) [26]

“Nessun problema automatico” ≠ conformità. È richiesta revisione manuale.

FAQ

Se raggiungo 2.2 AA, soddisfo anche 2.1 AA?

Sì – WCAG 2.2 è aggiuntivo rispetto a 2.1/2.0 (4.1.1 rimosso). [27]

AAA è obbligatorio?

Di solito no. Considera AAA (es. 2.4.12, 2.4.13, 3.3.9) come obiettivi ambiziosi, salvo obblighi normativi. [28]

Riferimenti ufficiali
  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
Linee guida WCAG 2.2 (focus AA) — Guida pratica