WCAG 2.2 e EN 301 549:
la guida pratica per il tuo sito conforme

Cosa sono le WCAG e perché esistono

Le Web Content Accessibility Guidelines (WCAG) sono linee guida internazionali per l'accessibilità dei contenuti web, sviluppate dal W3C (World Wide Web Consortium) attraverso il Web Accessibility Initiative (WAI). Sono lo standard di fatto per rendere il web accessibile a persone con disabilità visive, uditive, motorie e cognitive.

L'evoluzione: WCAG 1.0 (1999) → WCAG 2.0 (2008) → WCAG 2.1 (2018) → WCAG 2.2 (ottobre 2023). La versione 2.2 è quella attualmente richiesta dall'European Accessibility Act e dalle linee guida AGID aggiornate.

I 4 principi POUR di WCAG 2.2

Tutti i criteri WCAG sono organizzati attorno a 4 principi fondamentali, noti come POUR:

1. Percepibile (Perceivable)

Le informazioni e i componenti dell'interfaccia devono essere presentati in modi percepibili da tutti gli utenti. Esempio: un'immagine senza testo alternativo (alt) non è percepibile da chi usa uno screen reader.

2. Utilizzabile (Operable)

I componenti dell'interfaccia e la navigazione devono essere utilizzabili. Esempio: tutte le funzionalità devono essere accessibili da tastiera, non solo dal mouse.

3. Comprensibile (Understandable)

Le informazioni e il funzionamento dell'interfaccia devono essere comprensibili. Esempio: i messaggi di errore nei form devono spiegare chiaramente come correggerli.

4. Robusto (Robust)

I contenuti devono essere sufficientemente robusti da poter essere interpretati da un'ampia varietà di user agent, incluse le tecnologie assistive. Esempio: l'HTML deve essere semanticamente corretto.

I livelli di conformità: A, AA e AAA

Livello	Descrizione	Obbligatorietà	Esempi di criteri
A	Requisiti minimi assoluti	Minimo richiesto da qualsiasi normativa	Alt text immagini, testo non solo con colore
AA	Standard di riferimento	Richiesto da EAA, AGID, Legge Stanca	Contrasto 4.5:1, resize testo 200%, label form
AAA	Eccellenza in accessibilità	Non obbligatorio, ma consigliato	Contrasto 7:1, lingua dei segni, no timing

Le novità di WCAG 2.2 rispetto a WCAG 2.1

WCAG 2.2 introduce 9 nuovi criteri di successo e rimuove 1 criterio obsoleto (4.1.1 Parsing).

I nuovi criteri di WCAG 2.2

• 2.4.11 Focus Not Obscured (AA) — Il componente con focus da tastiera non deve essere completamente nascosto da altri elementi
• 2.4.12 Focus Not Obscured (AAA) — Versione più stringente: nessuna parte deve essere nascosta
• 2.4.13 Focus Appearance (AAA) — Il focus da tastiera deve essere visivamente distinguibile
• 2.5.7 Dragging Movements (AA) — Tutte le funzionalità drag-and-drop devono avere un'alternativa con click singolo
• 2.5.8 Target Size (AA) — Le aree cliccabili devono essere almeno 24×24 pixel
• 3.2.6 Consistent Help (A) — I meccanismi di aiuto (chat, FAQ, contatti) devono essere in posizione coerente
• 3.3.7 Redundant Entry (A) — Non richiedere di inserire la stessa informazione più volte nello stesso processo
• 3.3.8 Accessible Authentication (AA) — I test cognitivi (CAPTCHA) non devono essere l'unico metodo di autenticazione
• 3.3.9 Accessible Authentication (AAA) — Nessun test cognitivo nell'autenticazione

EN 301 549 — lo standard europeo

Cos'è EN 301 549

EN 301 549 è lo standard tecnico europeo per l'accessibilità dei prodotti e servizi ICT. È prodotto da ETSI (European Telecommunications Standards Institute) e incorpora WCAG 2.2 per i siti web, aggiungendo requisiti per:

• Applicazioni mobili (nativamente e ibride)
• Documenti digitali (PDF, Office)
• Software desktop
• Hardware (chioschi, ATM, apparecchiature)
• Servizi di comunicazione bidirezionale

Differenza pratica per i siti web

Per i siti web, EN 301 549 = WCAG 2.2 livello AA + alcuni requisiti aggiuntivi minori. Se il tuo sito è conforme a WCAG 2.2 AA, è sostanzialmente conforme anche a EN 301 549 per la parte web.

Gli errori WCAG più comuni (e come correggerli)

1. Contrasto cromatico insufficiente

Criterio WCAG: 1.4.3 (Livello AA) — Rapporto minimo 4.5:1 per testo normale, 3:1 per testo grande.
Fix: Usa uno strumento di verifica del contrasto e aggiusta i colori di testo e sfondo. LEXABLE lo rileva automaticamente.

2. Immagini senza testo alternativo

Criterio WCAG: 1.1.1 (Livello A)
Fix: Aggiungi alt="descrizione" a tutte le immagini informative. Per immagini decorative, usa alt="".

3. Form senza label accessibili

Criterio WCAG: 1.3.1, 4.1.2 (Livello A)
Fix: Ogni campo form deve avere un <label> associato via for/id o aria-labelledby.

4. Struttura heading non semantica

Criterio WCAG: 1.3.1, 2.4.6 (Livello A e AA)
Fix: Una sola H1 per pagina, gerarchia corretta H1→H2→H3 senza salti di livello.

5. Navigazione non accessibile da tastiera

Criterio WCAG: 2.1.1 (Livello A)
Fix: Verifica che tutti i link, pulsanti e form siano raggiungibili con Tab e attivabili con Enter/Space.