Salta al contenuto

Cosa sono le WCAG e cosa significa il livello AA?

Lo standard tecnico del W3C per l'accessibilità web: quattro principi, tre livelli di conformità, il livello AA come riferimento pratico.

Le WCAG (Web Content Accessibility Guidelines) sono lo standard tecnico del W3C che definisce come rendere un sito o un'applicazione web accessibile a persone con disabilità visive, motorie, uditive o cognitive. La versione in vigore è la WCAG 2.2, pubblicata nel 2023, organizzata attorno a quattro principi noti con l'acronimo POUR: percepibile, utilizzabile, comprensibile, robusto. Ogni criterio di successo appartiene a uno di tre livelli, A, AA o AAA, in ordine crescente di rigore; il livello AA è quello richiesto dalla normativa europea ed è il riferimento pratico per la maggior parte dei siti aziendali e istituzionali. In pratica, conformità AA significa testo con contrasto minimo 4,5:1, navigazione completa da tastiera, indicatore di focus visibile, testo alternativo per le immagini e nessun elemento che dipenda dal solo colore per comunicare un'informazione. Le WCAG non sono una legge: sono lo standard tecnico che le leggi, come l'Accessibility Act europeo, richiamano per definire cosa significa "accessibile".

Leggi anche: European Accessibility Act (EAA) · Direttiva UE che dal 2025 impone l'accessibilità a e-commerce, banche, e-book e biglietterie rivolti ai consumatori.

I quattro principi e i tre livelli

Percepibile significa che le informazioni non dipendono da un solo canale sensoriale: un'immagine informativa ha un testo alternativo, un colore non è l'unico modo di segnalare un errore. Utilizzabile riguarda l'interazione: ogni funzione raggiungibile con il mouse deve esserlo anche da tastiera, senza trappole di focus. Comprensibile copre linguaggio chiaro e messaggi di errore che dicono cosa correggere. Robusto è il più tecnico: markup semantico corretto, componenti che espongono ruolo e stato agli screen reader. Il livello A copre le barriere più gravi, quelle che escludono del tutto un gruppo di utenti; il livello AA aggiunge i requisiti che rendono un sito usabile in modo dignitoso, contrasto e dimensione minima dei target di tocco comprese; il livello AAA è più severo (contrasto 7:1) e il W3C stesso sconsiglia di richiederlo per un intero sito, perché per alcuni contenuti non è possibile soddisfarne tutti i criteri. In Europa il riferimento normativo è la norma EN 301 549, che a sua volta rimanda alle WCAG 2.1 livello AA per i requisiti di accessibilità digitale richiesti dal settore pubblico e, con l'Accessibility Act, da una parte crescente del settore privato.

Un esempio enterprise

Un'azienda che ridisegna il proprio sito corporate scopre spesso i problemi WCAG durante l'audit pre-lancio, non prima: un modulo di contatto senza etichette associate ai campi, un menu che si apre solo al passaggio del mouse e non con Invio o Tab, un blocco di testo grigio chiaro su bianco sotto il contrasto richiesto. Chi naviga con mouse e vista integra non li vede. Risolverli a ridisegno concluso costa cambi di layout, non solo di CSS: una gerarchia di intestazioni saltata richiede spesso di rivedere la struttura della pagina.

Come si verifica

Un controllo automatico (axe, Lighthouse, WAVE) individua una minoranza misurabile dei problemi reali, tipicamente contrasto, markup mancante ed etichette assenti. Non trova un ordine di tabulazione illogico o un messaggio d'errore incomprensibile: per questi serve una verifica manuale, da tastiera e con uno screen reader, che il W3C WAI documenta come metodo di valutazione.

Perché conta per chi decide

Le WCAG sono il riferimento tecnico dietro ogni obbligo di accessibilità digitale in Europa, quindi ignorarle non è più una scelta di prodotto ma un rischio legale, ora che l'Accessibility Act si applica dal 28 giugno 2025. Ma il motivo per investirci è più diretto: un sito accessibile è più robusto per chiunque, ha un markup semantico che aiuta anche un motore di ricerca a leggere la pagina, ed è più semplice da mantenere. In un ridisegno la decisione riguarda il livello e il momento: integrarla dall'inizio costa una frazione di quanto costa inseguirla alla fine.

  • European Accessibility Act (EAA) · Direttiva UE che dal 2025 impone l'accessibilità a e-commerce, banche, e-book e biglietterie rivolti ai consumatori.
  • Accessibility overlay · Widget JavaScript venduto come conformità automatica: modifica il DOM a runtime ma non corregge il markup sottostante.
  • Core Web Vitals · Le tre metriche di Google su caricamento, reattività e stabilità visiva usate come segnale di ranking minore.
  • Sito statico e prerendering · Pagine generate in HTML durante la build e non a ogni richiesta: più veloci, più economiche da ospitare, meno esposte ad attacchi.
  • Rifacimento del sito web · Sostituire base tecnica, struttura e contenuti di un sito, giustificato solo quando limita crescita o SEO. Altrimenti basta un restyling mirato.

Vedi nell'universo

Se è una scelta tecnica che stai rimandando, è la decisione che ti aiuto a prendere.

VEDI TOOL CUSTOM E GOVERNANCE

Oppure scrivimi.