Audit di accessibilità WCAG 2.1 AA spiegato (per siti PMI)

Il livello AA è l’asticella che il tuo sito deve superare, qualunque sia la giurisdizione. È sulla versione che i regimi divergono, e la differenza non è cosmetica. L’EAA non cita alcuna versione nel proprio testo: arriva a WCAG 2.1 AA tramite la norma armonizzata EN 301 549, cui rinvia anche la legge Stanca. L’ADA Title III non cita alcuno standard tecnico, e la giurisprudenza statunitense ha lavorato di fatto con 2.0 e poi 2.1 AA. Nemmeno il UK Equality Act 2010 ne cita uno, benché gli enti pubblici britannici siano monitorati contro WCAG 2.2 AA da ottobre 2024. L’AODA dell’Ontario richiede tuttora esplicitamente WCAG 2.0 AA (O. Reg. 191/11 §14) e non è mai stata modificata.

WCAG 2.2 AA è un sovrainsieme stretto di tutte queste versioni. Per questo è l’obiettivo sensato, ed è contro di esso che Veracly effettua la scansione.

Un audit WCAG è la verifica strutturata che indica quanto il sito è distante dall’asticella. Questo articolo spiega cosa fa l’audit, la differenza tra scansione e revisione manuale, e i cinque fix che chiudono il divario sulla maggior parte dei siti PMI.

I quattro principi WCAG

• Percepibile. Alternative testuali, sottotitoli, contrasto sufficiente, contenuto al 200% di zoom.
• Operabile. Navigazione da tastiera, niente limiti non estendibili, niente lampeggi pericolosi, focus chiaro.
• Comprensibile. Lingua di pagina dichiarata, navigazione coerente, errori chiari.
• Robusto. HTML valido, ARIA corretto, messaggi di stato esposti ai lettori.

Cosa rileva davvero la scansione

Una scansione con axe-core (lo stesso motore di Deque, Microsoft, Google) rileva in modo affidabile:

• Immagini prive di qualsiasi attributo alt. Un alt="" vuoto passa il controllo, perché nessuna macchina distingue un’immagine decorativa da una significativa
• Contrasto insufficiente
• Etichette di form mancanti o non collegate
• Pulsanti/link senza nome accessibile
• Pagina senza attributo lang
• Heading vuoti, e paragrafi formattati per sembrare heading
• Iframe senza titolo
• ARIA usato male
• Media auto-play senza pausa

Cosa rileva solo la revisione manuale

Uno scanner non può dire se il contenuto è comprensibile. Non può dire se l’alt descrive bene l’immagine, solo che esiste. Non può dire se l’ordine di tabulazione ha senso, solo che gli elementi sono raggiungibili.

L’ordine degli heading rientra nella stessa categoria. axe-core vede il salto da un h1 a un h3, ma è un segnale di buona pratica, non la violazione di un criterio di successo: Veracly non lo conteggia in nessuna giurisdizione. Se la tua struttura di heading descriva davvero la pagina resta un giudizio umano.

I cinque fix che fanno la differenza

1. Contrasto. Testo normale ≥ 4,5:1; testo grande ≥ 3:1. La maggior parte delle palette di brand ha almeno una combinazione che fallisce.
2. Etichette dei form. Ogni campo richiede un <label for="...">. Il placeholder non è un’etichetta.
3. Alt su ogni immagine significativa. Decorativa → alt=""; informativa → descrizione; funzionale → azione.
4. Stato di focus visibile. La maggior parte dei reset CSS lo rimuove. Reinserire.
5. Landmark e ordine degli heading. Un solo <h1>; nessun salto; header/nav/main/footer al posto giusto.

La trappola degli overlay

I venditori di overlay, accessiBe, AudioEye, UserWay, EqualWeb, propongono uno snippet che promette conformità. La FTC ha multato accessiBe per 1 M USD a gennaio 2025 per affermazioni di questo tipo. Gli overlay non leggono l’intento, indovinano, e spesso male. Per evitare cause, un overlay è peggio di nulla.

Veracly esegue axe-core sul tuo DOM reale e lo valuta contro il sovrainsieme WCAG 2.2 AA, cioè i set di regole 2.0, 2.1 e 2.2 A/AA insieme. Ogni violazione certa è segnalata con il selettore CSS preciso: fino a tre elementi difettosi per problema in una scansione gratuita, cinque in una a pagamento.

Deliberatamente non riportiamo i risultati che axe marca come «da verificare», perché un forse non è un rilievo. Questa scelta ha un costo reale che è giusto conoscere: il testo sopra una fotografia, un gradiente o uno sfondo semitrasparente finisce quasi sempre lì, quindi non comparirà nel report come difetto di contrasto anche se un revisore umano lo segnalerebbe.

Una scansione valuta contemporaneamente tutti i set di regole applicabili ai tuoi mercati: EAA, ADA, UK Equality Act e, se il Canada rientra nel perimetro, AODA. Una scansione gratuita copre una pagina e deduce un solo paese, quindi non produrrà tutte e quattro le schede. Le fix scritte per gli sviluppatori, e le spiegazioni con AI per ogni singolo rilievo e non solo per i primi tre, sono generate solo nelle scansioni a pagamento. Avvia una scansione gratuita.