Linee guida WCAG 2.2

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

Ultimo aggiornamento: 25 agosto 2026.

Checklist WCAG 2.2 per livello e team

Usa questa checklist per rivedere i requisiti per livello di conformità (A, AA, AAA) e per area di lavoro (Design, Sviluppo, Contenuti).

Livello ALivello AALivello AAADesignSviluppoContenuti
RequisitoSpiegazione in linguaggio sempliceCome testareErrore comuneCome risolvereRisorsa GetWCAG correlata
AADesign
2.5.8 Dimensione del bersaglio (minima) – AA
Bersagli di almeno 24×24 px CSS o con spaziatura sufficiente.Controlli del puntatore: 24×24 o spaziatura; nessun trascinamento obbligatorio. (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.Verifica contrasto colori (WCAG)
AADevelopment
2.4.11 Focus non oscurato (minimo) – AA
Gli elementi a fuoco devono essere almeno parzialmente visibili (evitare che UI adesive coprano il focus).Passata con tastiera: focus visibile e non oscurato. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.libreria test conformità WCAG 2.2
AADevelopment
2.5.7 Movimenti di trascinamento – AA
Fornire un’alternativa a singolo puntatore al trascinamento (es. pulsanti per spostare/ridimensionare).Controlli del puntatore: 24×24 o spaziatura; nessun trascinamento obbligatorio. (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.libreria test conformità WCAG 2.2
AAContent
3.3.8 Autenticazione accessibile (minimo) – AA
Evitare test cognitivi; consentire gestori di password, copia/incolla, passkeys ecc.Auth: consenti incolla & gestori; offri passkeys/link email. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Audit manuali di accessibilità condotti da un esperto
AContent
3.2.6 Assistenza coerente – A
Mantenere i meccanismi di aiuto in una posizione coerente tra le pagine.Flussi multi-step: conserva i dati; posizione dell’aiuto coerente. (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.Tutto sulla Legge
AAADesign
2.4.13 Aspetto del focus – AAA
Indicatore di focus chiaro con contrasto sufficiente.Passata con tastiera: focus visibile e non oscurato. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Verifica contrasto colori (WCAG)

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