Checklist WCAG 2.2: tutti gli 86 criteri di successo spiegati

Questa checklist copre ogni criterio di successo del WCAG 2.2, organizzato secondo i quattro principi POUR e le tredici linee guida. Ogni criterio include il suo livello di conformità, una spiegazione pratica e indicazioni su cosa significa nella pratica.

Principio 1: Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati agli utenti in modi che possano percepire.

Linea guida 1.1: Alternative testuali

1.1.1 Contenuto non testuale (Livello A) — Tutti i contenuti non testuali presentati all'utente hanno un'alternativa testuale che serve allo stesso scopo. Questo include immagini, icone, grafici, audio, video, animazioni, CAPTCHA ed elementi decorativi. Le immagini informative necessitano di un testo alternativo descrittivo. Le immagini funzionali necessitano di un testo alternativo che descriva la funzione. Le immagini decorative necessitano di un testo alternativo vuoto. Le immagini complesse necessitano di descrizioni testuali dettagliate.

Linea guida 1.2: Media temporizzati

1.2.1 Solo audio e solo video – Preregistrato (Livello A) — Fornire una trascrizione per i contenuti esclusivamente audio preregistrati e una trascrizione o un'audiodescrizione per i contenuti esclusivamente video preregistrati.

1.2.2 Sottotitoli – Preregistrato (Livello A) — Fornire sottotitoli sincronizzati per tutti i video preregistrati con contenuto audio.

1.2.3 Audiodescrizione o alternativa multimediale – Preregistrato (Livello A) — Fornire un'audiodescrizione o un'alternativa testuale completa per i contenuti video preregistrati.

1.2.4 Sottotitoli – In diretta (Livello AA) — Fornire sottotitoli in tempo reale per tutto l'audio in diretta nei contenuti video.

1.2.5 Audiodescrizione – Preregistrato (Livello AA) — Fornire audiodescrizioni per tutti i contenuti video preregistrati in cui informazioni visive importanti non sono già trasmesse nell'audio.

Linea guida 1.3: Adattabile

1.3.1 Informazioni e relazioni (Livello A) — Le informazioni, la struttura e le relazioni trasmesse attraverso la presentazione sono determinabili programmaticamente o disponibili nel testo. Usa un markup appropriato per intestazioni, elenchi, tabelle, etichette dei moduli e punti di riferimento per trasmettere la struttura visivamente evidente.

1.3.2 Sequenza significativa (Livello A) — Quando la sequenza in cui il contenuto è presentato ne influenza il significato, un ordine di lettura corretto può essere determinato programmaticamente. L'ordine del DOM deve corrispondere all'ordine visivo.

1.3.3 Caratteristiche sensoriali (Livello A) — Le istruzioni per comprendere e utilizzare il contenuto non si basano esclusivamente su caratteristiche sensoriali come forma, colore, dimensione, posizione visiva, orientamento o suono.

1.3.4 Orientamento (Livello AA) — Il contenuto non limita la visualizzazione e il funzionamento a un singolo orientamento del display, a meno che un orientamento specifico non sia essenziale.

1.3.5 Identificazione dello scopo dell'input (Livello AA) — Lo scopo dei campi di input dei moduli che raccolgono informazioni dell'utente può essere determinato programmaticamente usando l'attributo autocomplete.

Linea guida 1.4: Distinguibile

1.4.1 Uso del colore (Livello A) — Il colore non è utilizzato come unico mezzo visivo per trasmettere informazioni, indicare un'azione, sollecitare una risposta o distinguere un elemento visivo.

1.4.2 Controllo audio (Livello A) — Se l'audio viene riprodotto automaticamente per più di tre secondi, è disponibile un meccanismo per mettere in pausa, fermare o controllare il volume in modo indipendente.

1.4.3 Contrasto – Minimo (Livello AA) — Il testo e le immagini di testo hanno un rapporto di contrasto di almeno 4.5:1, con eccezioni per il testo grande (3:1), il testo incidentale e i logotipi.

1.4.4 Ridimensionamento del testo (Livello AA) — Il testo può essere ridimensionato fino al 200% senza perdita di contenuto o funzionalità.

1.4.5 Immagini di testo (Livello AA) — Il testo è utilizzato per trasmettere informazioni piuttosto che le immagini di testo, tranne quando una particolare presentazione visiva è essenziale.

1.4.10 Ridistribuzione (Livello AA) — Il contenuto può essere presentato senza perdita di informazioni o funzionalità e senza richiedere lo scorrimento in due dimensioni a 320 pixel CSS di larghezza per il contenuto verticale e 256 pixel CSS di altezza per il contenuto orizzontale.

1.4.11 Contrasto non testuale (Livello AA) — I componenti dell'interfaccia utente e gli oggetti grafici significativi hanno un rapporto di contrasto di almeno 3:1 rispetto ai colori adiacenti.

1.4.12 Spaziatura del testo (Livello AA) — Non si verifica perdita di contenuto o funzionalità quando gli utenti regolano l'interlinea a 1,5 volte la dimensione del carattere, la spaziatura dei paragrafi a 2 volte la dimensione del carattere, la spaziatura delle lettere a 0,12 volte la dimensione del carattere e la spaziatura delle parole a 0,16 volte la dimensione del carattere.

1.4.13 Contenuto al passaggio del mouse o al focus (Livello AA) — Quando il passaggio del puntatore o il focus della tastiera attiva la comparsa e la scomparsa di contenuto aggiuntivo, tale contenuto è chiudibile, accessibile al puntatore e persistente.

Principio 2: Utilizzabile

I componenti dell'interfaccia utente e la navigazione devono essere utilizzabili.

Linea guida 2.1: Accessibilità da tastiera

2.1.1 Tastiera (Livello A) — Tutte le funzionalità sono utilizzabili tramite un'interfaccia da tastiera senza richiedere tempi specifici.

2.1.2 Nessuna trappola da tastiera (Livello A) — Se il focus della tastiera può essere spostato su un componente, il focus può anche essere spostato via usando solo la tastiera.

2.1.4 Scorciatoie con tasti carattere (Livello A) — Se una scorciatoia da tastiera usa solo caratteri lettera, punteggiatura, numeri o simboli, la scorciatoia può essere disattivata, rimappata o attivata solo quando il componente rilevante ha il focus.

Linea guida 2.2: Tempo sufficiente

2.2.1 Tempo regolabile (Livello A) — Per qualsiasi limite di tempo impostato dal contenuto, l'utente può disattivare, regolare o estendere il limite di tempo.

2.2.2 Pausa, arresto, nascondi (Livello A) — Per i contenuti in movimento, lampeggianti, scorrevoli o con aggiornamento automatico che si avviano automaticamente e durano più di cinque secondi, gli utenti possono metterli in pausa, fermarli o nasconderli.

Linea guida 2.3: Convulsioni e reazioni fisiche

2.3.1 Tre lampeggiamenti o al di sotto della soglia (Livello A) — Nulla nella pagina lampeggia più di tre volte in un periodo di un secondo.

Linea guida 2.4: Navigabile

2.4.1 Blocchi aggirabili (Livello A) — È disponibile un meccanismo per aggirare i blocchi di contenuto ripetuti, come i link di skip navigation.

2.4.2 Pagina titolata (Livello A) — Le pagine web hanno titoli che descrivono il loro argomento o scopo.

2.4.3 Ordine del focus (Livello A) — I componenti focalizzabili ricevono il focus in un ordine che preserva significato e utilizzabilità.

2.4.4 Scopo del link – Nel contesto (Livello A) — Lo scopo di ogni link può essere determinato dal solo testo del link o dal suo contesto.

2.4.5 Modalità multiple (Livello AA) — È disponibile più di un modo per localizzare una pagina all'interno di un insieme di pagine.

2.4.6 Intestazioni ed etichette (Livello AA) — Le intestazioni e le etichette descrivono il loro argomento o scopo.

2.4.7 Focus visibile (Livello A) — Qualsiasi interfaccia utente utilizzabile da tastiera ha un indicatore di focus visibile.

2.4.11 Focus non oscurato – Minimo (Livello AA) — Quando un componente riceve il focus della tastiera, non è interamente nascosto dal contenuto creato dall'autore. (Nuovo nel WCAG 2.2)

2.4.12 Focus non oscurato – Avanzato (Livello AAA) — Quando un componente riceve il focus della tastiera, nessuna parte dell'indicatore di focus è nascosta dal contenuto creato dall'autore. (Nuovo nel WCAG 2.2)

2.4.13 Aspetto del focus (Livello AAA) — Gli indicatori di focus hanno dimensioni sufficienti (almeno un perimetro di 2 pixel) e contrasto (almeno 3:1 tra stati focalizzato e non focalizzato). (Nuovo nel WCAG 2.2)

Linea guida 2.5: Modalità di input

2.5.1 Gesti del puntatore (Livello A) — Tutte le funzionalità che utilizzano gesti multipunto o basati su percorso possono essere utilizzate con un singolo puntatore senza gesto basato su percorso.

2.5.2 Annullamento del puntatore (Livello A) — Per le funzionalità a singolo puntatore, l'azione viene attivata sull'evento di rilascio e può essere annullata o annullata.

2.5.3 Etichetta nel nome (Livello A) — Per i componenti con etichette testuali, il nome accessibile contiene il testo presentato visivamente.

2.5.4 Attivazione tramite movimento (Livello A) — Le funzionalità attivate dal movimento del dispositivo o dell'utente possono anche essere utilizzate tramite un componente dell'interfaccia utente, e l'attivazione tramite movimento può essere disabilitata.

2.5.7 Movimenti di trascinamento (Livello AA) — Tutte le funzionalità che utilizzano il trascinamento possono essere realizzate anche con un singolo puntatore senza trascinamento. (Nuovo nel WCAG 2.2)

2.5.8 Dimensione dell'obiettivo – Minimo (Livello AA) — Gli obiettivi interattivi sono di almeno 24 per 24 pixel CSS, con eccezioni per gli obiettivi in linea, gli obiettivi controllati dall'user agent e gli obiettivi sufficientemente distanziati. (Nuovo nel WCAG 2.2)

Principio 3: Comprensibile

Le informazioni e il funzionamento dell'interfaccia utente devono essere comprensibili.

Linea guida 3.1: Leggibile

3.1.1 Lingua della pagina (Livello A) — La lingua umana predefinita di ogni pagina web può essere determinata programmaticamente tramite l'attributo lang.

3.1.2 Lingua delle parti (Livello AA) — La lingua umana di ogni passaggio o frase può essere determinata programmaticamente, ad eccezione dei nomi propri e dei termini tecnici.

Linea guida 3.2: Prevedibile

3.2.1 Al focus (Livello A) — Quando un componente riceve il focus, non avvia un cambio di contesto.

3.2.2 All'input (Livello A) — La modifica dell'impostazione di un componente non causa automaticamente un cambio di contesto, a meno che l'utente non sia stato avvisato in anticipo.

3.2.3 Navigazione coerente (Livello AA) — I meccanismi di navigazione ripetuti su più pagine appaiono nello stesso ordine relativo ogni volta.

3.2.6 Aiuto coerente (Livello A) — Se i meccanismi di aiuto appaiono su più pagine, appaiono nello stesso ordine relativo. (Nuovo nel WCAG 2.2)

Linea guida 3.3: Assistenza all'inserimento

3.3.1 Identificazione degli errori (Livello A) — Se un errore di input viene rilevato automaticamente, l'elemento in errore viene identificato e l'errore viene descritto nel testo.

3.3.2 Etichette o istruzioni (Livello A) — Vengono fornite etichette o istruzioni quando il contenuto richiede l'input dell'utente.

3.3.3 Suggerimento errore (Livello AA) — Se viene rilevato un errore di input e sono noti suggerimenti, vengono forniti all'utente.

3.3.4 Prevenzione errori – Legale, finanziario, dati (Livello AA) — Per le pagine che causano impegni legali, transazioni finanziarie o modifiche ai dati, gli invii sono reversibili, verificati o confermabili.

3.3.7 Inserimento ridondante (Livello A) — Le informazioni inserite in precedenza nello stesso processo vengono auto-compilate o disponibili per la selezione. (Nuovo nel WCAG 2.2)

3.3.8 Autenticazione accessibile – Minimo (Livello AA) — Un test di funzione cognitiva non è richiesto per l'autenticazione, a meno che non siano fornite alternative o meccanismi di assistenza. Sono consentiti test di riconoscimento di oggetti. (Nuovo nel WCAG 2.2)

3.3.9 Autenticazione accessibile – Avanzato (Livello AAA) — Come il 3.3.8 ma senza l'eccezione per il riconoscimento di oggetti. (Nuovo nel WCAG 2.2)

Principio 4: Robusto

Il contenuto deve essere sufficientemente robusto da poter essere interpretato in modo affidabile da un'ampia varietà di user agent.

Linea guida 4.1: Compatibile

4.1.2 Nome, ruolo, valore (Livello A) — Per tutti i componenti dell'interfaccia utente, il nome e il ruolo possono essere determinati programmaticamente, gli stati e le proprietà possono essere impostati e le modifiche sono disponibili per le tecnologie assistive.

4.1.3 Messaggi di stato (Livello AA) — I messaggi di stato possono essere determinati programmaticamente attraverso ruoli o proprietà in modo da essere presentati all'utente dalle tecnologie assistive senza ricevere il focus.

Nota: il SC 4.1.1 Parsing è stato rimosso dal WCAG 2.2 in quanto obsoleto.

Criteri di Livello AAA (aggiuntivi)

I seguenti criteri di Livello AAA non sono elencati sopra ma fanno parte del WCAG 2.2. Rappresentano il livello più alto di accessibilità e sono raccomandati dove possibile:

1.2.6 Lingua dei segni – Preregistrato (AAA) — Viene fornita l'interpretazione nella lingua dei segni per tutti i contenuti audio preregistrati.

1.2.7 Audiodescrizione estesa (AAA) — Vengono fornite audiodescrizioni estese quando le pause nell'audio sono insufficienti per le audiodescrizioni regolari.

1.2.8 Alternativa multimediale – Preregistrato (AAA) — Viene fornita un'alternativa testuale completa per tutti i media sincronizzati preregistrati e i contenuti esclusivamente video.

1.2.9 Solo audio – In diretta (AAA) — Viene fornita un'alternativa testuale per i contenuti esclusivamente audio in diretta.

1.3.6 Identificazione dello scopo (AAA) — Lo scopo dei componenti dell'interfaccia utente, delle icone e delle regioni può essere determinato programmaticamente.

1.4.6 Contrasto – Avanzato (AAA) — Il testo ha un rapporto di contrasto di almeno 7:1 per il testo normale e 4.5:1 per il testo grande.

1.4.7 Audio di sottofondo basso o assente (AAA) — I contenuti esclusivamente audio preregistrati che contengono principalmente parlato hanno un rumore di fondo basso o assente.

1.4.8 Presentazione visiva (AAA) — I blocchi di testo offrono personalizzazione visiva inclusi colori primo piano/sfondo, larghezza, interlinea e allineamento.

1.4.9 Immagini di testo – Nessuna eccezione (AAA) — Le immagini di testo sono utilizzate solo per pura decorazione o dove essenziale.

2.1.3 Tastiera – Nessuna eccezione (AAA) — Tutte le funzionalità sono utilizzabili tramite tastiera senza eccezioni.

2.2.3 Nessun limite di tempo (AAA) — Il tempo non è una parte essenziale dell'evento o dell'attività, ad eccezione dei media in tempo reale e sincronizzati.

2.2.4 Interruzioni (AAA) — Le interruzioni possono essere posticipate o soppresse dall'utente.

2.2.5 Ri-autenticazione (AAA) — Quando una sessione autenticata scade, l'utente può continuare dopo la ri-autenticazione senza perdere dati.

2.2.6 Timeout (AAA) — Gli utenti vengono avvisati dei timeout per inattività che potrebbero causare perdita di dati, a meno che i dati non siano conservati per almeno 20 ore.

2.3.2 Tre lampeggiamenti (AAA) — Nulla nella pagina lampeggia più di tre volte al secondo, senza eccezioni.

2.3.3 Animazione dalle interazioni (AAA) — L'animazione di movimento attivata dall'interazione può essere disabilitata, a meno che non sia essenziale.

2.4.8 Posizione (AAA) — Sono disponibili informazioni sulla posizione dell'utente all'interno di un insieme di pagine (ad esempio, breadcrumb).

2.4.9 Scopo del link – Solo link (AAA) — Lo scopo di ogni link può essere determinato dal solo testo del link.

2.4.10 Intestazioni di sezione (AAA) — Le intestazioni di sezione sono utilizzate per organizzare il contenuto.

2.5.5 Dimensione dell'obiettivo – Avanzato (AAA) — Gli obiettivi interattivi sono di almeno 44 per 44 pixel CSS.

2.5.6 Meccanismi di input simultanei (AAA) — Il contenuto non limita l'uso delle modalità di input disponibili sulla piattaforma.

3.1.3 Parole insolite (AAA) — È disponibile un meccanismo per identificare le definizioni specifiche di parole o frasi utilizzate in modo insolito.

3.1.4 Abbreviazioni (AAA) — È disponibile un meccanismo per identificare la forma estesa delle abbreviazioni.

3.1.5 Livello di lettura (AAA) — Quando il testo richiede una capacità di lettura superiore al livello di istruzione secondaria inferiore, sono disponibili contenuti supplementari o una versione alternativa.

3.1.6 Pronuncia (AAA) — È disponibile un meccanismo per identificare la pronuncia delle parole il cui significato è ambiguo senza pronuncia.

3.2.4 Identificazione coerente (AA) — I componenti con la stessa funzionalità all'interno di un insieme di pagine sono identificati in modo coerente.

3.2.5 Cambio su richiesta (AAA) — I cambi di contesto sono avviati solo su richiesta dell'utente o è disponibile un meccanismo per disattivare tali cambiamenti.

3.3.5 Aiuto (AAA) — È disponibile un aiuto contestuale.

3.3.6 Prevenzione errori – Tutti (AAA) — Per tutte le pagine che richiedono l'input dell'utente, gli invii sono reversibili, verificati o confermabili.