Che cos'è una checklist di conformità alle WCAG 2.2?
WCAG 2.2 - la versione attuale delle Web Content Accessibility Guidelines - contiene 86 criteri di successo verificabili organizzati secondo quattro principi: i contenuti devono essere Percepibile, Utilizzabile, Comprensibile e Robusto (POUR). Ogni criterio ha un livello: A (il livello minimo), AA (l'obiettivo standard) o AAA (ambizioso). La conformità al livello AA richiede il rispetto dei 31 criteri di livello A e dei 24 criteri di livello AA - 55 controlli in totale, ed è ciò che tratta questa checklist.
Il livello AA è l'obiettivo perché è il riferimento usato all'esterno: autorità giudiziarie e di regolamentazione richiamano WCAG AA quando definiscono che cosa sia un sito web accessibile, rendendo questi 55 elementi quanto di più simile accessibilità digitale dispone di un elenco ufficiale di attività da svolgere. WCAG 2.2 si basa su 2.1 - tutto ciò che ha fatto per la versione 2.1 resta valido - con l'aggiunta di sei nuovi criteri A/AA e il ritiro di un criterio precedente (4.1.1).
Ogni voce riportata di seguito rimanda alla relativa pagina nella nostra libreria dei criteri, dove ciascun criterio dello standard viene spiegato singolarmente: che cosa richiede in termini semplici, chi ne dipende, come soddisfarlo e quali errori mettono in difficoltà i siti.
Come usare questa checklist
Consideri l'elenco come un flusso di lavoro, non come una scheda di valutazione:
- Prima esegua la scansione. Avvia gratuitamente strumento di verifica dell'accessibilità sui Suoi modelli principali, oppure crawler nell'intero sito. L'automazione verifica in modo affidabile circa un terzo dei criteri - contrasto, testo alternativo, etichette, ARIA e struttura - e Le fornisce subito un elenco degli errori confermati da cui iniziare.
- Corregga i modelli, non le pagine. La maggior parte dei problemi si trova nei componenti condivisi; correggendo una singola intestazione, un modulo o una scheda si risolve lo stesso problema in ogni pagina che li utilizza.
- Lasci che l'automazione faccia la sua parte - e solo la sua parte. Di EqualWeb widget di accessibilità resolves most of the common issues automation can recognize, depending on how the site is built, which accelerates remediation enormously. But no tool ticks items off this checklist for you: a criterion counts as met only when testing on your real pages shows it holds.
- Verifichi il resto manualmente. Una verifica solo da tastiera, una con screen reader e una con ingrandimento al 400% sui flussi critici coprono gran parte di ciò che le macchine non possono valutare - i restanti due terzi dei criteri.
- Registri la data e documenti ciascun passaggio. Una checklist che può mostrare - chi ha verificato cosa, quando e cosa è stato corretto - è l'evidenza che conta se dovesse mai arrivare una lettera di diffida.
Percepibile - 20 criteri (9 A, 11 AA)
Le informazioni e i componenti dell'interfaccia devono poter essere presentati in modi percepibili dagli utenti - tramite la vista, l'udito o la lettura con tecnologie assistive.
- 1.1.1 Contenuti non testuali A - Ogni immagine, icona e grafico significativo dispone di un'alternativa testuale adatta al suo scopo; le immagini decorative sono contrassegnate per essere ignorate.
- 1.2.1 Solo audio e solo video (preregistrati) A - I contenuti solo audio hanno una trascrizione; i video senza traccia audio hanno un equivalente testuale o audio.
- 1.2.2 Sottotitoli (preregistrati) A - Ogni video preregistrato con audio dispone di sottotitoli accurati e sincronizzati.
- 1.2.3 Descrizione audio o alternativa multimediale (preregistrata) A - Il video preregistrato dispone di un'audiodescrizione o di un'alternativa testuale completa di ciò che accade sullo schermo.
- 1.2.4 Sottotitoli in tempo reale AA - Le dirette streaming e i webinar dispongono di sottotitoli in tempo reale.
- 1.2.5 Audiodescrizione (preregistrata) AA - Il video preregistrato dispone di un'audiodescrizione per le informazioni visive non comunicate dalla traccia audio.
- 1.3.1 Informazioni e relazioni A - Titoli, elenchi, tabelle ed etichette dei moduli sono marcature reali, non semplice formattazione visiva.
- 1.3.2 Sequenza significativa A - L'ordine di lettura nel codice corrisponde all'ordine logico.
- 1.3.3 Caratteristiche sensoriali A - Le istruzioni non dipendono mai soltanto dalla forma, dal colore o dalla posizione ("faccia clic sul pulsante verde a destra").
- 1.3.4 Orientamento AA - I contenuti funzionano sia in verticale sia in orizzontale; l'orientamento non viene mai bloccato senza un motivo essenziale.
- 1.3.5 Identificazione dello scopo dell'input AA - I campi personali comuni (nome, e-mail, indirizzo) hanno attributi di completamento automatico.
- 1.4.1 Uso del colore A - Il colore non è mai l'unico mezzo con cui vengono trasmesse le informazioni.
- 1.4.2 Controllo dell'audio A - L'audio che si avvia automaticamente può essere messo in pausa, arrestato o disattivato.
- 1.4.3 Contrasto (minimo) AA - Il testo normale raggiunge un contrasto di 4.5:1 rispetto allo sfondo; il testo grande raggiunge 3:1.
- 1.4.4 Ridimensionamento del testo AA - Il testo si ridimensiona fino al 200% senza perdere contenuti o funzionalità.
- 1.4.5 Immagini di testo AA - Viene usato testo reale anziché immagini di testo, fatta eccezione per i loghi.
- 1.4.10 Reflow AA - La pagina si ridispone a una larghezza di 320 px (zoom al 400%) senza scorrimento orizzontale.
- 1.4.11 Contrasto non testuale AA - Controlli, indicatori di stato attivo e grafica significativa raggiungono un contrasto di 3:1.
- 1.4.12 Spaziatura del testo AA - Nulla viene tagliato o sovrapposto quando gli utenti aumentano l'interlinea e la spaziatura tra lettere, parole e paragrafi.
- 1.4.13 Contenuto al passaggio del puntatore o al focus AA - Le descrizioni comando e le finestre a comparsa possono essere chiuse, consentono il passaggio del puntatore e restano visibili fino alla chiusura.
Utilizzabile - 20 criteri (14 A, 6 AA)
La navigazione e l'interazione devono funzionare per tutti - utenti che usano solo la tastiera, persone con tremori, persone che non possono vedere un puntatore.
- 2.1.1 Tastiera A - Tutti gli elementi della pagina possono essere utilizzati con la sola tastiera.
- 2.1.2 Nessun impedimento da tastiera A - Lo stato attivo della tastiera può sempre uscire da ogni componente - senza blocchi.
- 2.1.4 Scorciatoie da tastiera con tasti carattere A - Le scorciatoie con un solo carattere possono essere disattivate o riassegnate.
- 2.2.1 Regolazione dei tempi A - I limiti di tempo possono essere disattivati, modificati o prorogati prima della scadenza.
- 2.2.2 Pausa, arresto, nascondi A - Caroselli, animazioni e contenuti ad aggiornamento automatico possono essere messi in pausa, arrestati o nascosti.
- 2.3.1 Tre lampeggiamenti o al di sotto della soglia A - Nessun elemento lampeggia più di tre volte al secondo.
- 2.4.1 Esclusione dei blocchi A - Un link per saltare il contenuto o i punti di riferimento consentono agli utenti di superare la navigazione ripetuta.
- 2.4.2 Pagina con titolo A - Ogni pagina ha un titolo univoco e descrittivo.
- 2.4.3 Ordine del focus A - La navigazione con il tasto Tab procede nella pagina secondo un ordine che preserva il significato.
- 2.4.4 Scopo del collegamento (nel contesto) A - Ogni link chiarisce la destinazione tramite il testo o il contesto immediato, senza un semplice "clicchi qui".
- 2.4.5 Modalità multiple AA - Esiste più di un modo per raggiungere una pagina: navigazione insieme alla ricerca o a una mappa del sito.
- 2.4.6 Titoli ed etichette AA - Titoli ed etichette descrivono effettivamente il contenuto o il controllo che introducono.
- 2.4.7 Focus Visible AA - Il focus da tastiera è sempre indicato visivamente.
- 2.4.11 Focus non oscurato (minimo) AA - L'elemento con il focus non è mai completamente nascosto da intestazioni fisse, piè di pagina o banner dei cookie. Novità della versione 2.2.
- 2.5.1 Gesti del puntatore A - Scorrimento, pizzicamento e altri gesti basati su un percorso dispongono di alternative con un solo tocco.
- 2.5.2 Annullamento dell'azione del puntatore A - Le azioni si completano al rilascio, non alla pressione, così è possibile annullare un tocco errato.
- 2.5.3 Etichetta nel nome A - Il nome accessibile di un controllo contiene la sua etichetta visibile (il controllo vocale dipende da questo).
- 2.5.4 Attivazione tramite movimento A - Tutto ciò che viene attivato scuotendo o inclinando il dispositivo dispone anche di un comando convenzionale.
- 2.5.7 Movimenti di trascinamento AA - Ogni azione di trascinamento ha una semplice alternativa con clic o tocco. Novità della versione 2.2.
- 2.5.8 Dimensioni dell'obiettivo (minime) AA - Le aree di destinazione misurano almeno 24×24 pixel CSS o sono sufficientemente distanziate. Novità della versione 2.2.
Comprensibile - 13 criteri (7 A, 6 AA)
I contenuti e i controlli devono comportarsi in modo prevedibile, essere chiari e tollerare gli errori.
- 3.1.1 Lingua della pagina A - La pagina dichiara la propria lingua (attributo lang nell'elemento html).
- 3.1.2 Lingua delle parti AA - I passaggi in un'altra lingua sono contrassegnati con il proprio attributo lang.
- 3.2.1 Al focus A - Portare lo stato attivo su un elemento non genera mai un cambio di contesto imprevisto.
- 3.2.2 All'inserimento A - La modifica di un campo o di un'impostazione non causa mai un invio o un reindirizzamento imprevisto.
- 3.2.3 Navigazione coerente AA - La navigazione ripetuta appare nello stesso ordine in ogni pagina.
- 3.2.4 Identificazione coerente AA - La stessa funzione ha lo stesso nome e la stessa etichetta ovunque.
- 3.2.6 Assistenza coerente A - Le opzioni di assistenza - recapiti, chat, domande frequenti - si trovano nello stesso punto in ogni pagina. Novità della versione 2.2.
- 3.3.1 Identificazione degli errori A - Gli errori sono indicati con un testo che specifica quale campo non ha superato il controllo e perché.
- 3.3.2 Etichette o istruzioni A - Ogni campo di input dispone di un'etichetta visibile o di istruzioni chiare.
- 3.3.3 Suggerimenti per gli errori AA - I messaggi di errore suggeriscono come correggere il problema.
- 3.3.4 Prevenzione degli errori (legali, finanziari, dati) AA - Gli invii di dati e documenti legali e finanziari possono essere riesaminati, corretti o annullati.
- 3.3.7 Inserimento ridondante A - Le informazioni già inserite durante una procedura non vengono mai richieste di nuovo. Novità della versione 2.2.
- 3.3.8 Autenticazione accessibile (minima) AA - L'accesso non richiede mai di memorizzare o trascrivere dati; sono consentiti la funzione Incolla e i gestori di password. Novità della versione 2.2.
Robusto - 2 criteri (1 A, 1 AA)
I contenuti devono continuare a funzionare con l'evoluzione dei browser e delle tecnologie assistive.
- 4.1.2 Nome, ruolo, valore A - I componenti personalizzati comunicano nome, ruolo e stato alle tecnologie assistive.
- 4.1.3 Messaggi di stato AA - Gli aggiornamenti di stato ("Aggiunto al carrello", "Trovati 3 risultati") vengono annunciati senza spostare lo stato attivo.
Il principio di robustezza includeva un terzo criterio: 4.1.1 Analisi sintattica è stato rimosso in WCAG 2.2 perché i browser moderni correggono già gli errori di markup a cui si riferiva. Se la Sua vecchia checklist lo riporta ancora, lo elimini.
I 9 nuovi criteri di successo delle WCAG 2.2
Se il Suo sito soddisfaceva già WCAG 2.1 AA, queste sono le uniche aggiunte che lo separano dalla versione 2.2 - sei di livello A/AA (nella checklist precedente) e tre di livello AAA (oltre l'obiettivo legale, elencate per completezza):
| Criterio | Livello | Che cosa richiede |
|---|---|---|
| 2.4.11 Focus non oscurato (minimo) | AA | Intestazioni, piè di pagina e banner fissi non devono mai nascondere completamente l'elemento sul quale si trova lo stato attivo della tastiera. |
| 2.4.12 Focus non oscurato (avanzato) | AAA | Nessuna parte dell'elemento attivo può essere nascosta da altri contenuti. |
| 2.4.13 Aspetto dell'indicatore di focus | AAA | Gli indicatori di focus devono rispettare i requisiti minimi di dimensione e contrasto. |
| 2.5.7 Movimenti di trascinamento | AA | Ogni azione di trascinamento richiede una semplice alternativa con un singolo puntatore. |
| 2.5.8 Dimensioni dell'obiettivo (minime) | AA | Gli elementi interattivi richiedono almeno 24×24 pixel CSS o una spaziatura equivalente. |
| 3.2.6 Assistenza coerente | A | I meccanismi di assistenza devono apparire in una posizione coerente nelle diverse pagine. |
| 3.3.7 Inserimento ridondante | A | Un processo non deve richiedere due volte le stesse informazioni. |
| 3.3.8 Autenticazione accessibile (minima) | AA | L'accesso non deve dipendere da un test cognitivo; le funzioni Incolla e i gestori di password devono funzionare. |
| 3.3.9 Autenticazione accessibile (avanzata) | AAA | Nessun test cognitivo nell'autenticazione, neppure il riconoscimento di oggetti. |
Verifica della lista di controllo: automatica o manuale
La ripartizione trasparente per verificare questi 55 elementi:
- L'automazione ne verifica circa un terzo. I criteri con risposte determinabili da una macchina - rapporti di contrasto, testo alternativo mancante, campi senza etichetta, attributo lang mancante, ARIA non funzionante - sono esattamente ciò che rilevano gli strumenti di scansione. Esegua gratuitamente strumento di verifica dell'accessibilità su qualsiasi pagina per ottenere subito un rapporto WCAG e mantenere monitoraggio attivo, così un elemento conforme non può regredire senza essere notato dopo la versione successiva.
- Le persone verificano il resto. Ordine del focus, qualità del testo alternativo, alternative ai gesti, gestione degli errori, sequenza di lettura - circa due terzi dei criteri richiedono una valutazione. Gli auditor certificati esaminano l'intero elenco criterio per criterio e Le consegnano una documentazione rapporto di audit, che funge anche da prova dell'adeguamento normativo.
La suddivisione è la stessa, indipendentemente dal fatto che il suo obiettivo sia Conformità all'ADA, il European Accessibility Act o uno standard nazionale - fanno tutti riferimento a questi criteri WCAG, e la piena Conformità a WCAG richiede sempre entrambe le parti. Per le istruzioni su ciascuna parte, consulti Test WCAG.
Domande frequenti
Quanti criteri di successo contiene la checklist WCAG 2.2 AA?
55 - i 31 criteri di successo di livello A e i 24 di livello AA delle WCAG 2.2. Lo standard completo contiene 86 criteri, incluso il livello AAA; il precedente criterio 4.1.1 Parsing è stato rimosso nella versione 2.2.
WCAG 2.2 AA è un requisito di legge?
Le leggi fanno riferimento alle WCAG anziché definire regole tecniche proprie. I tribunali statunitensi e il Department of Justice considerano le WCAG AA il riferimento per l'ADA - la norma del Titolo II indica WCAG 2.1 AA per le amministrazioni statali e locali - e l'Atto europeo sull'accessibilità si basa sulle WCAG tramite EN 301 549. Lavorare secondo il livello 2.2 AA copre questi requisiti di base e riduce concretamente il rischio legale; nessuna lista di controllo garantisce l'immunità.
Può uno strumento rendere automaticamente il mio sito conforme alle WCAG 2.2?
No. Automated tools test roughly a third of the criteria, and EqualWeb's accessibility widget resolves most of the common issues automation can recognize, depending on how the site is built - a strong head start, not conformance. The remaining checks need human judgement, which is why serious programs pair automation with expert review.
In che modo è diversa da una checklist WCAG 2.1?
WCAG 2.1 AA ha 50 criteri di livello A e AA; 2.2 AA ne ha 55. La versione 2.2 aggiunge sei criteri A/AA - focus non oscurato, movimenti di trascinamento, dimensioni del bersaglio, aiuto coerente, inserimento ridondante e autenticazione accessibile - e rimuove 4.1.1 Parsing. Tutto ciò che ha fatto per la 2.1 vale ancora per la 2.2.
Con quale frequenza devo ricontrollare l'elenco?
Lo tratti come un ciclo, non come un intervento isolato: ogni rilascio può compromettere un criterio già superato. Mantenga sempre attivo il monitoraggio automatico e ripeta la verifica manuale dopo riprogettazioni, nuovi modelli o modifiche al checkout - almeno una volta all'anno.
- W3C, Linee guida per l'accessibilità dei contenuti web (WCAG) 2.2 - w3.org
- W3C WAI, Comprendere WCAG 2.2 - w3.org/WAI
- W3C WAI, Novità di WCAG 2.2 - w3.org/WAI
- W3C WAI, Come soddisfare WCAG (riferimento rapido) - w3.org/WAI
Ultimo aggiornamento
Scopra quali dei 55 requisiti soddisfa già
Esegua una scansione gratuita con lo strumento di verifica dell'accessibilità di EqualWeb per il terzo automatizzabile, poi lasci che esperti certificati IAAP/CPWA verifichino il resto - audit, correzione delle barriere, monitoraggio e documentazione inclusi.