- Accessibilità
- Normativa
WCAG: cosa sono e perché riguardano anche il tuo sito
Cosa sono le WCAG, chi le pubblica, come una linea guida internazionale diventa obbligo per un'impresa italiana e quali criteri toccano davvero un sito già online.
Le WCAG sono le Web Content Accessibility Guidelines, le linee guida internazionali che descrivono come rendere un contenuto web utilizzabile da tutte le persone, comprese quelle che navigano con un lettore di schermo, soltanto da tastiera, con ingrandimento o con una percezione ridotta dei colori. Le pubblica il W3C, l'organismo che definisce gli standard del web, e la versione corrente è la 2.2, di ottobre 2023. Restano un documento tecnico fino al momento in cui una legge le richiama: in Europa succede attraverso la norma EN 301 549, ed è così che una linea guida internazionale arriva sul sito di un'impresa di Parma.
Che cosa significa per voi
- Vendete online — il commercio elettronico rientra fra i servizi interessati dall'obbligo, e le WCAG di livello AA sono il metro con cui si misura il sito.
- State rifacendo il sito — inserire questi criteri nel progetto costa pochissimo, molto meno di quanto costi recuperarli dopo il lancio.
- Comprate da un fornitore — «conforme alle WCAG 2.2 livello AA» è la frase da scrivere nel capitolato, insieme al modo in cui la conformità verrà dimostrata.
Chi scrive le WCAG, e perché contano
Il W3C è il consorzio che definisce le regole comuni del web: HTML, CSS, i formati che ogni browser interpreta. Al suo interno la Web Accessibility Initiative cura la parte dedicata all'accessibilità, con un processo aperto a cui partecipano aziende, università, enti pubblici e associazioni di persone con disabilità. Ogni criterio pubblicato passa attraverso anni di discussione, bozze pubbliche e prove di applicabilità.
Questo spiega due caratteristiche che colpiscono chi le legge per la prima volta. La prima: le WCAG descrivono risultati verificabili e lasciano libera la tecnologia. Dicono che il testo deve avere un contrasto sufficiente, e lasciano a voi la scelta dei colori. La seconda: sono scritte per durare. La versione 2.0 è del 2008 ed è tuttora valida come standard internazionale, registrata anche come ISO/IEC 40500.
La loro fortuna dipende proprio da questa neutralità: un legislatore che voglia rendere obbligatoria l'accessibilità trova un documento già pronto, condiviso a livello mondiale e verificabile punto per punto, e lo richiama invece di scriverne uno nuovo.
Come una linea guida diventa obbligo
Il percorso ha quattro anelli, e vale la pena conoscerli perché chiariscono a chi rispondere quando arriva una contestazione.
| Documento | Ruolo nella catena |
|---|---|
| WCAG 2.2 (W3C) | Le linee guida tecniche: i criteri e il modo di verificarli |
| EN 301 549 | La norma europea che recepisce le WCAG di livello AA per i contenuti web |
| Direttiva (UE) 2019/882 | L'atto europeo che impone l'accessibilità a determinati prodotti e servizi |
| D.Lgs. 82/2022 e Legge 4/2004 | Le norme italiane che rendono l'obbligo operativo, con AgID come autorità |
Il risultato è che le norme italiane rimandano alla norma europea invece di elencare i criteri uno per uno, e quella rimanda alle WCAG. Chi verifica il vostro sito, che sia un'autorità o un utente che ha deciso di segnalare un problema, userà quei criteri.
Il perimetro dei soggetti obbligati, le soglie dimensionali e le date le abbiamo raccontate in Legge Stanca: cosa prevede. Qui basti la sintesi: dal 28 giugno 2025 l'obbligo tocca gli operatori economici sopra la soglia dimensionale per una lista di servizi rivolti ai consumatori, dove il commercio elettronico occupa il primo posto per diffusione.
Le versioni: 2.0, 2.1, 2.2
Le WCAG crescono per aggiunta: ogni versione conserva i criteri della precedente e ne introduce di nuovi. Un sito conforme alla 2.2 soddisfa quindi anche chi cita la 2.1.
| Versione | Anno | Cosa ha portato |
|---|---|---|
| 2.0 | 2008 | L'impianto dei quattro principi e dei tre livelli, tuttora in vigore |
| 2.1 | 2018 | Criteri per il mobile, l'ingrandimento, l'orientamento dello schermo, le disabilità cognitive |
| 2.2 | 2023 | Nove criteri nuovi su focus, trascinamento, dimensione dei bersagli, autenticazione |
Esiste anche una bozza di WCAG 3.0, con un modello di valutazione diverso. Resta un lavoro in corso da anni, quindi la pianificazione di oggi si fa sulla 2.2.
I tre livelli: A, AA, AAA
Ogni criterio appartiene a un livello, e i livelli si sommano.
| Livello | Che cosa raccoglie | Quando serve |
|---|---|---|
| A | Le condizioni di base, senza le quali una parte di utenti resta fuori | Punto di partenza |
| AA | I criteri che rendono il sito utilizzabile dalla maggior parte delle persone | Richiesto dalla normativa europea |
| AAA | Requisiti avanzati, adatti a contenuti e contesti specifici | Scelta volontaria, su singoli contenuti |
Fra A e AA la versione 2.2 conta poco più di cinquanta criteri: un numero che spaventa finché si leggono come elenco astratto, e che si ridimensiona quando li si traduce in controlli concreti sul proprio sito. Molti riguardano scelte che si fanno una volta sola, nel tema grafico e nei modelli di pagina.
Il livello AAA merita una riga a parte. Il W3C stesso osserva che applicarlo a tutti i contenuti di un sito generalista è arduo: alcuni criteri, come il livello di leggibilità del testo, hanno senso su contenuti mirati. La strada sensata è AA su tutto il sito, con qualche criterio AAA dove porta valore reale.
I quattro principi, in quattro righe
L'acronimo che li riassume è POUR, dalle iniziali inglesi.
- Percepibile — l'informazione arriva ai sensi: testi alternativi, contrasto sufficiente, sottotitoli, struttura che regge anche senza stili grafici.
- Utilizzabile — l'interfaccia si comanda: tastiera, focus visibile, tempi adeguati, bersagli abbastanza grandi da colpire.
- Comprensibile — il linguaggio e il comportamento restano prevedibili: lingua dichiarata, etichette chiare, errori spiegati a parole.
- Robusto — il codice regge il passaggio alle tecnologie assistive, oggi e con i browser di domani.
Ogni principio si apre in linee guida, e ogni linea guida in criteri verificabili. La lista completa, tradotta in controlli che potete fare oggi sul vostro sito, sta in requisiti tecnici di accessibilità.
I criteri della 2.2 che toccano quasi tutti
Delle nove aggiunte del 2023, sei riguardano il livello A o AA, e quattro compaiono praticamente su ogni sito commerciale. Vale la pena conoscerle, perché sono le più fresche e quindi le più disattese.
| Criterio | Che cosa chiede | Dove si vede |
|---|---|---|
| Focus visibile e libero | L'elemento attivo resta visibile, coperto al massimo in parte | Barre fisse in alto, banner dei cookie, chat flottanti |
| Alternative al trascinamento | Ogni azione con trascinamento ha un'alternativa a clic | Cursori di prezzo, riordino di liste, mappe |
| Dimensione dei bersagli | Gli elementi interattivi arrivano a 24×24 pixel, o hanno spaziatura equivalente | Icone social, passi di quantità, paginazione |
| Autenticazione accessibile | L'accesso funziona anche per chi fatica a ricordare o trascrivere codici | Login, area riservata, checkout |
| Aiuto coerente | I canali di assistenza stanno sempre nella stessa posizione | Contatti, chat, pagina di aiuto |
| Inserimenti ripetuti | I dati già forniti nel percorso vengono riproposti in automatico | Checkout con fatturazione e spedizione |
Il criterio sulla dimensione dei bersagli è quello che sorprende di più: molte icone social nel piè di pagina misurano sedici pixel per abitudine grafica, e portarle a ventiquattro richiede cinque minuti di foglio di stile.
Cosa cambia davvero su un sito già online
L'adeguamento tocca tre mestieri diversi, e conviene distinguerli perché i tempi sono diversi.
| Ambito | Interventi tipici | Impegno |
|---|---|---|
| Grafica | Contrasti, stato di focus, dimensione dei bersagli, gerarchia dei titoli | Una revisione del tema, valida per tutto il sito |
| Sviluppo | Struttura semantica, moduli etichettati, componenti su misura, messaggi di stato | Il lavoro principale, concentrato sui modelli di pagina |
| Contenuti | Testi alternativi, sottotitoli, collegamenti descrittivi, struttura dei titoli | Continuo, e cresce con il catalogo |
La distinzione ha una conseguenza pratica: le prime due colonne si chiudono in un progetto con un inizio e una fine, la terza diventa un'abitudine redazionale. Una scheda prodotto pubblicata la settimana scorsa con l'immagine priva di alternativa testuale riapre un problema che credevate risolto, quindi la regola va scritta nelle istruzioni per chi carica i contenuti.
Come iniziare questa settimana
- Misurate lo stato attuale. Uno strumento automatico su dieci pagine rappresentative — home, categoria, scheda, carrello, modulo di contatto — dà in mezz'ora la mappa dei problemi misurabili.
- Provate il percorso principale da tastiera. Mettete via il mouse e arrivate fino all'invio di un modulo: due minuti che dicono più di molti rapporti.
- Sistemate il tema. Contrasti, focus, dimensione dei bersagli: correzioni che valgono su tutte le pagine insieme.
- Passate ai modelli. Struttura dei titoli, etichette dei moduli, messaggi di errore, componenti interattivi.
- Scrivete la regola per i contenuti. Una pagina di istruzioni per chi pubblica, con tre esempi concreti, conserva il risultato nel tempo.
Il percorso completo di verifica, con strumenti e prove manuali, sta in test di accessibilità del sito.
Quattro convinzioni da archiviare
- «Basta il widget di accessibilità.» Le sovrapposizioni automatiche coprono una parte dei criteri e lasciano fuori il resto, a partire dalla struttura semantica e dai componenti su misura. Le associazioni di utenti di lettori di schermo le segnalano da anni come fonte di attrito.
- «Un sito accessibile è brutto.» I criteri riguardano contrasto, dimensioni, struttura e chiarezza: gli stessi ingredienti dei siti che vincono i premi di design.
- «Riguarda solo la pubblica amministrazione.» Valeva fino al 2022. Oggi il perimetro comprende gli operatori economici sopra soglia per una lista di servizi al consumatore.
- «L'analisi automatica basta.» Gli strumenti intercettano una parte dei problemi. Il resto — ordine di lettura, senso dei testi alternativi, comportamento dei componenti — richiede una persona che provi.
Quando conviene farsi aiutare
La verifica preliminare, quella che dice se l'obbligo vi riguarda e quanto è distante il sito attuale, si chiude in poche ore e potete chiederla prima di qualsiasi decisione. Ha senso affidarsi a qualcuno per l'audit completo sui criteri, per l'adeguamento dei modelli e per la dichiarazione di accessibilità, soprattutto quando il sito è un negozio online con molti tipi di pagina. È il lavoro descritto nella pagina accessibilità web.
Se invece state progettando un sito nuovo, la conversazione è più semplice: i criteri entrano nelle specifiche insieme a tutto il resto, e la conformità arriva con il lancio. Raccontateci il progetto dalla pagina preventivo e vi diciamo subito quali criteri incidono sulle scelte di partenza.
Fonti
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, raccomandazione del 5 ottobre 2023
- W3C Web Accessibility Initiative, WCAG 2 Overview e What's New in WCAG 2.2
- Norma europea EN 301 549, requisiti di accessibilità per prodotti e servizi TIC
- Direttiva (UE) 2019/882 (European Accessibility Act)
- D.Lgs. 27 maggio 2022, n. 82 e Legge 9 gennaio 2004, n. 4
- AgID, linee guida sull'accessibilità degli strumenti informatici
Verificato il 30.09.2026.
Approfondisci
Verifica dell'obbligo, audit e adeguamento.
Chi è obbligato in Italia, e da quando.
I criteri tradotti in controlli concreti.
Adeguare o rifare: come si decide.
Risposta entro 30 minuti negli orari di lavoro.
Leggi anche
I requisiti tecnici di accessibilità: i principi WCAG tradotti in controlli concreti su contrasto, tastiera, moduli e componenti.
AccessibilitàLegge Stanca e D.Lgs. 82/2022: chi è obbligato all'accessibilità digitale in Italia, da quando, quali criteri tecnici valgono e come si verifica un sito.
GDPR e privacyCookie banner: quando serve, cosa dicono le linee guida del Garante e gli errori che rendono il consenso invalido.