Vai al contenuto
  • Accessibilità
  • Normativa

Requisiti tecnici di accessibilità di un sito web

I requisiti tecnici di accessibilità: i principi WCAG tradotti in controlli concreti su contrasto, tastiera, moduli e componenti.

I requisiti tecnici di accessibilità di un sito web discendono da quattro principi: percepibile, utilizzabile, comprensibile, robusto. La normativa europea richiede il livello AA delle linee guida WCAG, richiamate dalla norma EN 301 549. Qui trovate i principi tradotti in controlli concreti, quelli che si possono verificare oggi sul vostro sito.

Che cosa significa per voi

  • State progettando un sito — inserire questi requisiti dall'inizio costa pochissimo.
  • Avete un sito da adeguare — la lista serve come elenco di lavorazioni, dalle più rapide alle più profonde.
  • Comprate da un fornitore — sono i criteri da scrivere nel capitolato, insieme alla prova di verifica.

Percepibile

Requisito Controllo pratico
Testi alternativi Ogni immagine informativa descrive la propria funzione; le decorative hanno alternativa vuota
Contrasto Almeno 4,5:1 per il testo normale, 3:1 per il testo grande e per i componenti
Ridimensionamento Il testo arriva al 200% senza perdita di contenuto
Sottotitoli Video con parlato hanno sottotitoli; l'audio ha una trascrizione
Struttura e ordine La lettura resta comprensibile anche senza gli stili
Uso del colore L'informazione arriva anche con testo o forma, oltre al colore

Il contrasto si misura con uno strumento, perché l'occhio si abitua: molte palette aziendali cadono proprio sul grigio chiaro dei testi secondari.

Utilizzabile

Requisito Controllo pratico
Tastiera Ogni funzione si raggiunge con il tasto di tabulazione, in ordine sensato
Focus visibile L'elemento attivo si riconosce sempre a colpo d'occhio
Trappole di focus Da finestre modali e componenti si esce con la tastiera
Lampeggi I contenuti restano entro tre lampeggi al secondo
Tempi I limiti di tempo si possono estendere o disattivare
Salto ai contenuti Un collegamento iniziale porta direttamente al contenuto principale
Titolo di pagina Ogni pagina ha un titolo che la identifica

La prova più rapida richiede due minuti: mettete via il mouse e provate a completare il percorso principale del sito soltanto con la tastiera.

Comprensibile

Requisito Controllo pratico
Lingua dichiarata La pagina indica la lingua, e i passaggi in altra lingua sono marcati
Etichette dei moduli Ogni campo ha un'etichetta visibile e collegata
Istruzioni I formati richiesti sono spiegati prima della compilazione
Messaggi di errore Dicono cosa correggere e come, con il testo oltre al colore
Coerenza Navigazione e componenti si comportano allo stesso modo in tutto il sito
Prevenzione degli errori Le azioni importanti si possono rivedere o annullare

Robusto

Requisito Controllo pratico
Codice valido Struttura corretta, senza attributi duplicati o annidamenti errati
Nome, ruolo, valore I componenti interattivi si presentano correttamente alle tecnologie assistive
Messaggi di stato Le notifiche vengono annunciate senza spostare il focus
Componenti su misura Menu, schede e finestre modali rispettano i comportamenti attesi

È la parte che gli strumenti automatici verificano peggio, e che richiede una prova con un lettore di schermo. Un menu costruito con elementi generici può risultare perfetto all'analisi automatica e restare inutilizzabile nella pratica.

Come si verifica, in tre livelli

  1. Automatico. Un'analisi su un campione di pagine rappresentative: home, categoria, scheda, modulo, pagina di conferma. Copre contrasto, alternative testuali, struttura, attributi.
  2. Manuale. Navigazione completa da tastiera, lettore di schermo, ingrandimento al 200%, moduli compilati con errori reali, video controllati.
  3. Con persone reali. La prova che trova ciò che sfugge alle altre due, soprattutto sui percorsi lunghi come l'acquisto.

Il percorso operativo, con l'ordine delle verifiche, è in test di accessibilità del sito.

Le priorità, quando il tempo è poco

Se il sito ha molti problemi, questo è l'ordine che porta il risultato maggiore in meno tempo.

  1. Percorsi principali utilizzabili da tastiera.
  2. Contrasto dei testi e dei componenti.
  3. Moduli: etichette, istruzioni, messaggi di errore.
  4. Struttura dei titoli e ordine di lettura.
  5. Alternative testuali per le immagini informative.
  6. Sottotitoli sui video pubblicati.
  7. Componenti interattivi su misura.

Errori che vediamo spesso

  • Testo grigio chiaro su fondo bianco, scelto per eleganza.
  • Focus rimosso dal foglio di stile perché «faceva brutto».
  • Etichette sostituite dal testo suggerito dentro il campo, che sparisce alla digitazione.
  • Errori segnalati solo in rosso, senza spiegazione testuale.
  • Immagini di testo al posto del testo vero.
  • Documenti allegati inaccessibili, che vanificano il lavoro sulle pagine.
  • Verifica fatta una volta sola, prima di un anno di pubblicazioni.

Checklist rapida

  • Percorso principale completabile da tastiera
  • Focus sempre visibile
  • Contrasto misurato su testi e componenti
  • Titoli in ordine gerarchico su ogni modello di pagina
  • Testi alternativi presenti e utili
  • Moduli con etichette, istruzioni ed errori descritti
  • Video con sottotitoli
  • Documenti allegati verificati
  • Verifica programmata a ogni modifica rilevante

Quando conviene farsi aiutare

I controlli automatici e la prova da tastiera li fate voi, oggi. Ha senso chiedere aiuto per l'audit completo sui criteri, per i componenti su misura, per la dichiarazione di accessibilità e per i negozi online, dove i modelli di pagina sono molti e il percorso d'acquisto è lungo. È il lavoro che descriviamo nella pagina accessibilità web; il quadro normativo è in Legge Stanca.

Fonti

  • Linee guida WCAG del W3C, livello AA
  • Norma europea EN 301 549
  • D.Lgs. 82/2022 e Legge 4/2004
  • AgID, linee guida sull'accessibilità degli strumenti informatici

Verificato il 21.09.2026.