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

WCAG 2.1 livello AA è lo standard che il tuo sito deve rispettare, qualunque sia la giurisdizione. EAA, ADA Title III, UK Equality Act, AODA e quasi ogni legge nazionale lo citano — talvolta 2.2 — come test misurabile.

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:

• Attributi alt mancanti o vuoti su immagini significative
• Contrasto insufficiente
• Etichette di form mancanti o non collegate
• Pulsanti/link senza nome accessibile
• Pagina senza attributo lang
• Heading fuori ordine
• 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.

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 segnala ogni violazione con il selettore preciso e una fix da incollare. La stessa scansione produce simultaneamente report contro EAA, ADA, UK Equality Act e AODA. Avvia una scansione gratuita.