WCAG 2.2: tutti i criteri di successo a colpo d’occhio
Le WCAG sono il riferimento su cui si fonda la normativa europea sull’accessibilità. Questa panoramica elenca tutti i criteri della versione 2.2: il riassunto per scorrere, la pagina per capire.
A è la base, AA il riferimento per la normativa europea, AAA l’ottimo. Di norma è richiesto il livello AA.
A 32 · AA 24 · AAA 31 — 87 criteri
| Nr. | Contenuti | In una frase |
|---|---|---|
| 1.1 Alternative testuali Principio 1: Percepibile | ||
| 1.1.1 | Contenuti non testuali | Tutto ciò che non è testo ha bisogno di un'alternativa testuale: immagini, icone, grafici, comandi. |
| 1.2 Contenuti multimediali temporizzati Principio 1: Percepibile | ||
| 1.2.1 | Solo audio e solo video (preregistrato) | Una registrazione solo audio richiede una trascrizione; un video senza suono, una descrizione. |
| 1.2.2 | Sottotitoli (preregistrati) | Ogni video registrato con audio ha bisogno di sottotitoli. |
| 1.2.3 | Audiodescrizione o alternativa testuale (preregistrato) | Ciò che si può solo vedere deve poter essere anche ascoltato o letto. |
| 1.2.4 | Sottotitoli (in diretta) | Anche le dirette hanno bisogno di sottotitoli. |
| 1.2.5 | Audiodescrizione (preregistrata) | I video registrati richiedono un'audiodescrizione: una trascrizione non basta più. |
| 1.2.6 | Lingua dei segni (preregistrata) | I video registrati vengono inoltre tradotti nella lingua dei segni. |
| 1.2.7 | Audiodescrizione estesa (preregistrata) | Se le pause non bastano per la descrizione, il video si mette in pausa. |
| 1.2.8 | Alternativa testuale (preregistrato) | Oltre a tutto il resto esiste una versione testuale completa. |
| 1.2.9 | Solo audio (in diretta) | Il parlato in diretta senza immagini riceve un'alternativa testuale in tempo reale. |
| 1.3 Adattabile Principio 1: Percepibile | ||
| 1.3.1 | Informazioni e correlazioni | La struttura deve stare nel codice, non solo nell'aspetto. |
| 1.3.2 | Sequenza significativa | L'ordine nel codice deve dare lo stesso senso della disposizione a schermo. |
| 1.3.3 | Caratteristiche sensoriali | Le istruzioni non possono basarsi solo su forma, colore, dimensione o posizione. |
| 1.3.4 | Orientamento Nuovo in WCAG 2.1 | Il contenuto non deve essere bloccato in verticale o in orizzontale. |
| 1.3.5 | Identificare lo scopo dell'input Nuovo in WCAG 2.1 | I campi che chiedono dati personali devono essere identificabili dalla macchina. |
| 1.3.6 | Identificare lo scopo Nuovo in WCAG 2.1 | Anche comandi e icone ricevono un significato leggibile dalla macchina. |
| 1.4 Distinguibile Principio 1: Percepibile | ||
| 1.4.1 | Uso del colore | Il colore non può mai essere l'unico mezzo per trasmettere un'informazione. |
| 1.4.2 | Controllo dell'audio | L'audio che parte da solo e dura più di tre secondi deve poter essere fermato. |
| 1.4.3 | Contrasto (minimo) | Il testo richiede un contrasto di almeno 4,5:1; il testo grande 3:1. |
| 1.4.4 | Ridimensionamento del testo | Il testo deve poter essere ingrandito al 200 % senza perdere contenuti. |
| 1.4.5 | Immagini di testo | Il testo va consegnato come testo, non come immagine. |
| 1.4.6 | Contrasto (avanzato) | Il testo raggiunge almeno 7:1; il testo grande 4,5:1. |
| 1.4.7 | Audio di sottofondo assente o ridotto | Nelle registrazioni parlate i rumori di fondo sono bassi o disattivabili. |
| 1.4.8 | Presentazione visiva | Chi legge può regolare colori, larghezza delle righe, interlinea e allineamento. |
| 1.4.9 | Immagini di testo (senza eccezioni) | Le immagini di testo si usano ormai solo per decorazione e loghi. |
| 1.4.10 | Ridimensionamento del contenuto Nuovo in WCAG 2.1 | I contenuti devono riadattarsi a finestre strette senza scorrimento orizzontale. |
| 1.4.11 | Contrasto degli elementi non testuali Nuovo in WCAG 2.1 | Anche comandi e grafici significativi richiedono 3:1. |
| 1.4.12 | Spaziatura del testo Nuovo in WCAG 2.1 | Aumentare interlinea, spaziatura fra parole e paragrafi non deve far perdere nulla. |
| 1.4.13 | Contenuto al passaggio del mouse o al focus Nuovo in WCAG 2.1 | Il contenuto che compare deve restare raggiungibile e non sparire da solo. |
| 2.1 Accessibile da tastiera Principio 2: Utilizzabile | ||
| 2.1.1 | Tastiera | Tutto deve essere utilizzabile da tastiera. |
| 2.1.2 | Nessun impedimento all'uso della tastiera | Il focus da tastiera non deve restare bloccato da nessuna parte. |
| 2.1.3 | Tastiera (senza eccezioni) | Uso da tastiera senza le eccezioni di 2.1.1. |
| 2.1.4 | Scorciatoie da tastiera con un solo carattere Nuovo in WCAG 2.1 | Le scorciatoie di una sola lettera devono poter essere disattivate o riassegnate. |
| 2.2 Tempo sufficiente Principio 2: Utilizzabile | ||
| 2.2.1 | Regolazione del tempo | I limiti di tempo devono poter essere disattivati, prolungati o regolati. |
| 2.2.2 | Mettere in pausa, fermare, nascondere | I contenuti in movimento o che si aggiornano da soli devono poter essere fermati. |
| 2.2.3 | Nessun limite di tempo | Non ci sono limiti di tempo, salvo per gli eventi in diretta. |
| 2.2.4 | Interruzioni | Le interruzioni possono essere rimandate o soppresse. |
| 2.2.5 | Ri-autenticazione | Dopo la scadenza di una sessione si prosegue senza perdita di dati. |
| 2.2.6 | Timeout Nuovo in WCAG 2.1 | L'utente viene avvisato se l'inattività può causare perdita di dati. |
| 2.3 Convulsioni e reazioni fisiche Principio 2: Utilizzabile | ||
| 2.3.1 | Tre lampeggiamenti o al di sotto della soglia | Nulla deve lampeggiare più di tre volte al secondo. |
| 2.3.2 | Tre lampeggiamenti | Nessun lampeggio oltre i tre al secondo, senza le eccezioni di 2.3.1. |
| 2.3.3 | Animazione da interazioni Nuovo in WCAG 2.1 | Le animazioni di movimento possono essere disattivate. |
| 2.4 Navigabile Principio 2: Utilizzabile | ||
| 2.4.1 | Salto di blocchi | I blocchi ripetuti come la navigazione devono poter essere saltati. |
| 2.4.2 | Titolo della pagina | Ogni pagina ha bisogno di un titolo significativo. |
| 2.4.3 | Ordine del focus | L'ordine di tabulazione deve avere senso. |
| 2.4.4 | Scopo del collegamento (nel contesto) | Il link — se serve con il suo contesto — deve rivelare dove porta. |
| 2.4.5 | Diversi modi | Esiste più di un modo per raggiungere una pagina. |
| 2.4.6 | Intestazioni ed etichette | Intestazioni ed etichette devono descrivere l'argomento o lo scopo. |
| 2.4.7 | Focus visibile | L'elemento che ha il focus deve essere evidenziato visivamente. |
| 2.4.8 | Posizione | L'utente riconosce dove si trova all'interno del sito. |
| 2.4.9 | Scopo del collegamento (solo collegamento) | Già il solo testo del link deve rivelare la destinazione. |
| 2.4.10 | Intestazioni di sezione | I contenuti lunghi sono organizzati con intestazioni. |
| 2.4.11 | Focus non oscurato (minimo) Nuovo in WCAG 2.2 | L'elemento che ha il focus non deve essere completamente nascosto. |
| 2.4.12 | Focus non oscurato (avanzato) Nuovo in WCAG 2.2 | L'elemento che ha il focus non deve essere oscurato affatto, nemmeno in parte. |
| 2.4.13 | Aspetto del focus Nuovo in WCAG 2.2 | L'indicatore di focus richiede una dimensione e un contrasto minimi. |
| 2.5 Modalità di immissione Principio 2: Utilizzabile | ||
| 2.5.1 | Gesti del puntatore Nuovo in WCAG 2.1 | Ciò che richiede più dita o un tracciato deve funzionare anche in modo semplice. |
| 2.5.2 | Annullamento del puntatore Nuovo in WCAG 2.1 | Un'azione avviata per sbaglio deve poter essere annullata. |
| 2.5.3 | Etichetta nel nome Nuovo in WCAG 2.1 | Il testo visibile di un elemento deve far parte del suo nome accessibile. |
| 2.5.4 | Attivazione da movimento Nuovo in WCAG 2.1 | Le funzioni che rispondono a scuotimento o inclinazione richiedono un'alternativa. |
| 2.5.5 | Dimensione del target (avanzato) Nuovo in WCAG 2.1 | I comandi misurano almeno 44 per 44 pixel CSS. |
| 2.5.6 | Meccanismi di immissione concorrenti Nuovo in WCAG 2.1 | La modalità di immissione disponibile non può essere limitata. |
| 2.5.7 | Movimenti di trascinamento Nuovo in WCAG 2.2 | Ciò che si trascina deve funzionare anche senza trascinare. |
| 2.5.8 | Dimensione del target (minimo) Nuovo in WCAG 2.2 | I comandi misurano almeno 24 per 24 pixel CSS, oppure hanno spazio sufficiente attorno. |
| 3.1 Leggibile Principio 3: Comprensibile | ||
| 3.1.1 | Lingua della pagina | La lingua della pagina deve essere indicata nel codice. |
| 3.1.2 | Lingua di parti del contenuto | I passaggi in un'altra lingua vengono contrassegnati. |
| 3.1.3 | Parole inusuali | Termini tecnici ed espressioni figurate vengono spiegati. |
| 3.1.4 | Abbreviazioni | Le abbreviazioni vengono sciolte alla prima comparsa. |
| 3.1.5 | Livello di lettura | Se il testo richiede più della scuola secondaria di primo grado, esiste una versione più semplice. |
| 3.1.6 | Pronuncia | Dove la pronuncia è necessaria alla comprensione, viene indicata. |
| 3.2 Prevedibile Principio 3: Comprensibile | ||
| 3.2.1 | Al focus | Dare il focus a un elemento non deve innescare nulla. |
| 3.2.2 | All'input | Modificare un'impostazione non deve cambiare il contesto da solo. |
| 3.2.3 | Navigazione coerente | La navigazione si trova nello stesso punto e nello stesso ordine su tutte le pagine. |
| 3.2.4 | Identificazione coerente | La stessa funzione si chiama ovunque allo stesso modo. |
| 3.2.5 | Cambiamenti su richiesta | I cambi di contesto avvengono solo su richiesta esplicita. |
| 3.2.6 | Aiuto coerente Nuovo in WCAG 2.2 | Le vie per ottenere aiuto stanno nello stesso punto su tutte le pagine. |
| 3.3 Assistenza nell'inserimento Principio 3: Comprensibile | ||
| 3.3.1 | Identificazione degli errori | Un errore di inserimento va segnalato, e sotto forma di testo. |
| 3.3.2 | Etichette o istruzioni | I campi di inserimento hanno bisogno di un'etichetta. |
| 3.3.3 | Suggerimenti in caso di errore | Dove possibile, indica anche come correggere. |
| 3.3.4 | Prevenzione degli errori (legali, finanziari, dati) | Gli inserimenti con conseguenze possono essere verificati, corretti o annullati. |
| 3.3.5 | Aiuto | I moduli sono accompagnati da un aiuto contestuale. |
| 3.3.6 | Prevenzione degli errori (tutti) | Verifica, correzione e annullamento valgono per tutti i moduli. |
| 3.3.7 | Inserimento ridondante Nuovo in WCAG 2.2 | Le informazioni già fornite non vengono richieste di nuovo. |
| 3.3.8 | Autenticazione accessibile (minimo) Nuovo in WCAG 2.2 | L'accesso non può richiedere uno sforzo di memoria. |
| 3.3.9 | Autenticazione accessibile (avanzato) Nuovo in WCAG 2.2 | Non è ammesso nemmeno riconoscere oggetti o immagini per accedere. |
| 4.1 Compatibile Principio 4: Robusto | ||
| 4.1.1 | Elaborazione (rimosso) Rimosso in WCAG 2.2 | Rimosso in WCAG 2.2: i browser moderni recuperano da soli il markup difettoso. |
| 4.1.2 | Nome, ruolo, valore | Ogni comando deve esporre nome, ruolo e stato in forma leggibile dalla macchina. |
| 4.1.3 | Messaggi di stato Nuovo in WCAG 2.1 | I messaggi che compaiono senza cambio di focus devono essere annunciati. |
Wave Access verifica il tuo sito rispetto a questi criteri, ne corregge una parte nel codice servito e ti dice che cosa fare per il resto.
Scopri Wave Access →