Checklist WCAG 2.1 AA: Guida completa ai criteri di livello A, AA e AAA

Nonostante i vantaggi dell’accessibilità digitale, le organizzazioni faticano ancora a soddisfare i requisiti minimi di accessibilità(opens in a new tab). In base a una analisi di oltre 400.000 pagine web aziendali su 15.000 siti web, abbiamo scoperto che:

Il 38% delle immagini non è accessibile alle persone con disabilità visive.
L’80% delle pagine contiene link non chiari per persone con disabilità visive o cognitive.
Il 35% dei moduli manca di etichette chiare.

Questi problemi (tra decine di altri) fanno sì che solo il 3% di Internet sia accessibile alle persone con disabilità.

Il World Wide Web Consortium(opens in a new tab) (W3C) ha creato le Linee guida per l’accessibilità dei contenuti web(opens in a new tab) (WCAG) per aiutare le organizzazioni a migliorare l’accessibilità per le persone con disabilità. WCAG è uno standard condiviso e internazionale che le aziende dovrebbero seguire per rispettare i requisiti di accessibilità. Le linee guida contengono 86 criteri di successo che, se rispettati, aumentano l’accessibilità e l’usabilità sulle piattaforme digitali, inclusi siti web, dispositivi mobili, documenti digitali e altre interfacce utente.

Di seguito abbiamo raccolto una checklist approfondita dei criteri di successo WCAG per assicurarti che i tuoi prodotti digitali rispettino gli standard di conformità all’accessibilità web.

Checklist WCAG

Questa checklist WCAG 2.1 AA copre tutti i criteri di successo di livello A, AA e AAA, oltre ai nove nuovi criteri aggiunti in WCAG 2.2. Non lasciarti sopraffare dal numero di criteri di successo: sono tanti, ma rispettarli è possibile con gli strumenti giusti.

Consigliamo di iniziare dai criteri di successo di livello A prima di passare ai livelli superiori. Potresti anche considerare di affrontare prima le correzioni più semplici mentre crei un piano per quelle più complesse.

Checklist WCAG Livello A

I criteri di livello A rappresentano i requisiti minimi di accessibilità. Tutti i siti web dovrebbero soddisfarli prima di passare ai livelli superiori.

Criteri di successo	Descrizione	Completato
Contenuto non testuale	Tutti i contenuti non testuali (ad esempio immagini, pulsanti immagine e aree attive di mappe immagine) hanno testo alternativo appropriato.
Solo audio e solo video	Sono forniti trascrizioni descrittive e accurate per contenuti solo video o solo audio.
Sottotitoli	I sottotitoli sono forniti per video preregistrati o in diretta (ad esempio, YouTube).
Informazioni e relazioni	Le intestazioni includono il corretto markup semantico. Le tabelle sono collegate alle intestazioni appropriate e includono didascalie se necessario. Le etichette di testo sono associate ai corretti campi dei moduli.
Sequenza significativa	L’ordine di navigazione segue l’ordine del codice; la navigazione è chiara e intuitiva.
Caratteristiche sensoriali	Le istruzioni non dipendono dalla posizione visiva, dalla forma o dalla dimensione (ad esempio, ‘Le istruzioni sono elencate a destra’ o ‘Clicca sul pulsante quadrato per continuare’).
Uso del colore	Il colore da solo non viene utilizzato per trasmettere informazioni, né per distinguere i link dal testo circostante a meno che il rapporto di contrasto del colore sia adeguato.
Controllo audio	Gli utenti possono mettere in pausa, fermare, cambiare il volume o silenziare i contenuti audio che si avviano automaticamente su una pagina per più di tre secondi.
Tastiera	Gli elementi web possono essere facilmente condivisi tramite tastiera e includono scorciatoie da tastiera specifiche per la pagina.
Nessuna trappola da tastiera	Il focus e le scorciatoie da tastiera non sono bloccati o intrappolati su alcun elemento della pagina.
Scorciatoie da tastiera con caratteri	Gli utenti devono poter disabilitare i comandi da tastiera e passare a tasti non stampabili, come Ctrl, Alt, ecc.
Temporizzazione regolabile	Le pagine con limiti di tempo consentono agli utenti di regolare, disattivare o estendere il limite di tempo.
Pausa, arresto, nascondi	I contenuti che si muovono, lampeggiano, scorrono o si aggiornano automaticamente per più di cinque secondi possono essere messi in pausa, fermati o nascosti dagli utenti.
Tre lampeggi o meno	Il contenuto della pagina non lampeggia più di tre volte al secondo.
Salta blocchi	Gli utenti possono saltare la navigazione o altri elementi della pagina ripetuti su più pagine web.
Titoli di pagina	La pagina web ha un titolo descrittivo e informativo.
Ordine del focus	L’ordine dei link è chiaro e segue una sequenza logica e intuitiva.
Scopo del link	Gli utenti possono comprendere lo scopo del link dal solo testo. I link con testo simile che portano a destinazioni diverse sono facilmente distinguibili.
Gesti del puntatore	Le azioni dell’utente possono essere eseguite con un solo gesto del puntatore.
Annullamento del puntatore	L’attivazione involontaria dei controlli viene evitata non utilizzando l’attivazione ‘onmousedown’.
Attuazione tramite movimento	Le funzionalità attivate dal movimento dell’utente o dal movimento del dispositivo possono essere disabilitate e funzionalità simili possono essere ottenute tramite controlli standard come pulsanti o comandi.
Identificazione degli errori	Gli errori di validazione o di inserimento nei moduli sono chiaramente identificati e l’accesso all’errore è fornito rapidamente.

Checklist WCAG Livello AA

Il livello AA è lo standard richiesto dalla maggior parte delle leggi sull’accessibilità digitale, inclusi ADA (USA), EN 301 549 (UE) e AODA (Canada).

Criteri di successo	Descrizione	Completato
Sottotitoli	I media in diretta con audio contengono sottotitoli sincronizzati.
Descrizione audio	Gli utenti hanno accesso a descrizioni audio per video non in diretta.
Orientamento	L’orientamento della pagina web non è limitato a verticale o orizzontale; gli utenti possono regolarlo secondo necessità.
Identificare lo scopo dell’input	I campi che raccolgono determinate informazioni sull’utente hanno definito l’attributo ‘autocomplete’.
Contrasto	Sia il testo che le immagini hanno un rapporto di contrasto di almeno 4,5:1. Il testo di grandi dimensioni ha un rapporto di almeno 3:1.
Ridimensiona testo	Gli elementi della pagina restano leggibili e funzionali quando vengono ingranditi al 200%.
Immagini di testo	Se una rappresentazione visiva può essere trasmessa solo tramite testo, non viene utilizzata un’immagine per presentare il testo.
Riadattamento	La funzionalità non viene persa quando il contenuto è presentato a una larghezza di 320 pixel. Lo scorrimento orizzontale viene evitato il più possibile.
Contrasto non testuale (minimo)	Un rapporto di contrasto minimo di 3:1 è disponibile per diversi oggetti, come icone, grafici o diagrammi.
Spaziatura del testo	Il contenuto o la funzionalità non vengono persi quando gli utenti regolano la spaziatura dei paragrafi.
Contenuto su hover o focus	Il contenuto presentato su hover o focus può essere chiuso senza spostare la tastiera o il puntatore.
Più modi	Gli utenti hanno più di un modo per trovare altre pagine web su un sito.
Intestazioni ed etichette	Le intestazioni e le etichette delle pagine sono informative e non vengono duplicate se non strettamente necessario.
Focus visibile	È presente un indicatore visibile per gli elementi della pagina quando ricevono il focus da tastiera.
Focus non oscurato	Gli elementi con focus da tastiera sono completamente visibili.
Movimento di trascinamento	Le azioni che richiedono il trascinamento del puntatore possono essere eseguite anche con un solo puntatore.
Dimensione del target	Le dimensioni dei puntatori sono almeno 24 per 24 pixel, salvo diversa specifica.
Lingua delle parti/pagina	La lingua delle pagine è facilmente identificabile tramite l’attributo ‘lang’.
Navigazione coerente	Gli elementi che si ripetono su una pagina web (ad esempio, una barra di ricerca) sono etichettati in modo coerente su tutte le pagine.
Suggerimento per l’errore	Quando viene rilevato un errore, vengono forniti suggerimenti su come risolverlo in modo tempestivo e accessibile.
Prevenzione degli errori	Se un utente modifica o elimina dati finanziari, legali o di test, l’azione può essere annullata, confermata o verificata secondo necessità.
Autenticazione eccessiva	Non sono richieste funzioni cognitive durante i processi di autenticazione a meno che non sia possibile completare il processo in altro modo, saltarlo o fornire identificazione di contenuti non testuali da parte dell’utente (ad esempio, immagine fornita dall’utente).
Messaggi di stato	I messaggi di stato vengono annunciati ai lettori di schermo tramite live region o avvisi ARIA.

Checklist WCAG Livello AAA

Il livello AAA rappresenta il massimo livello di accessibilità. La maggior parte delle organizzazioni non mira alla piena conformità AAA, ma i singoli criteri AAA possono essere implementati dove possibile.

Criteri di successo	Descrizione	Completato
Lingua dei segni	Viene fornita l’interpretazione nella lingua dei segni per i media con audio.
Descrizione audio estesa	Quando il video originale non contiene pause sufficienti e non è ottimizzato per la descrizione audio, viene fornito un video separato con pause e descrizioni audio adeguate.
Alternativa ai media	I media preregistrati includono una trascrizione descrittiva.
Solo audio	Viene fornito testo descrittivo per contenuti in diretta che contengono audio.
Identificare lo scopo	ARIA viene utilizzato per migliorare la semantica HTML, consentendo agli utenti di comprendere più facilmente lo scopo degli elementi dell’interfaccia.
Contrasto	Immagini e testo hanno un rapporto di contrasto di 7:1.
Audio di sottofondo basso o assente	I contenuti audio hanno poco o nessun rumore di sottofondo, garantendo che siano facilmente distinguibili.
Presentazione visiva	I blocchi di testo più lunghi di una frase sono: larghi meno di 80 caratteri, non giustificati completamente, hanno un’adeguata spaziatura tra le righe, includono colori di primo piano e sfondo appropriati e non richiedono scorrimento orizzontale se la dimensione viene raddoppiata.
Immagini di testo	Il testo all’interno di un’immagine viene utilizzato solo per decorazione, o se l’informazione non può essere presentata tramite solo testo.
Tastiera	Tutte le funzionalità sono disponibili tramite tastiera.
Nessuna temporizzazione	Non ci sono limiti o vincoli di tempo per il contenuto o la funzionalità della pagina.
Interruzioni	Le interruzioni come avvisi o aggiornamenti possono essere posticipate dall’utente.
Riautenticazione	Gli utenti possono riautenticare una pagina e continuare le attività senza perdere dati.
Timeout	Gli utenti vengono adeguatamente avvisati dei timeout che possono comportare la perdita di dati (a meno che i dati possano essere conservati per più ore di inattività dell’utente).
Tre lampeggi	Nessun contenuto della pagina lampeggia tre volte al secondo.
Animazioni da interazioni	Le animazioni e i movimenti non essenziali possono essere disabilitati dagli utenti.
Posizione	Una pagina web che fa parte di una sequenza di pagine è indicata come tale tramite breadcrumb o specificando i passaggi della sequenza.
Scopo del link	Gli utenti possono distinguere lo scopo di ogni link dal solo testo del link.
Intestazioni di sezione	Le sezioni di contenuto sono designate tramite intestazioni.
Focus non oscurato (avanzato)	Gli elementi con focus da tastiera sono completamente visibili.
Aspetto del focus	Nei casi in cui sono presenti indicatori o sfondi personalizzati, vi è almeno un contrasto di 3:1 tra gli stati con/senza focus e sono almeno grandi quanto l’area di un perimetro spesso 2 pixel che circonda l’elemento.
Dimensione del target	I target cliccabili sono di almeno 44 per 44 pixel, salvo che sia fornita una dimensione alternativa.
Meccanismi di input concorrenti	Il contenuto non è limitato a un solo tipo di input (ad esempio, solo tastiera o solo touch) e supporta input alternativi.
Parole insolite	Parole sconosciute o ambigue sono definite tramite un indice, un elenco di definizioni o altro metodo appropriato.
Abbreviazioni	Le abbreviazioni sconosciute vengono espanse e definite la prima volta che vengono utilizzate.
Livello di lettura	Sono fornite alternative più comprensibili per contenuti avanzati (tipicamente per contenuti sopra il livello di lettura della nona classe).
Pronuncia	Sono fornite guide alla pronuncia per le parole fondamentali per la comprensione della pagina.
Cambiamento su richiesta	Le modifiche sostanziali (ad esempio, apertura di finestre pop-up o cambiamenti di focus da tastiera) sono avviate dall’utente e possono essere disabilitate se desiderato.
Aiuto	Sono fornite istruzioni o suggerimenti agli utenti che necessitano di assistenza per completare le attività.
Prevenzione degli errori	Gli utenti possono annullare, verificare o confermare l’invio dopo aver inviato le informazioni.
Autenticazione accessibile (avanzata)	Non sono richiesti test di funzione cognitiva in nessuna fase del processo di autenticazione, a meno che il test possa essere saltato o completato con l’assistenza di un altro meccanismo.

Cosa è cambiato in WCAG 2.2: 9 nuovi criteri di successo

WCAG 2.2 è stato pubblicato dal W3C nell’ottobre 2023, aggiungendo 9 nuovi criteri di successo nei livelli di conformità A, AA e AAA. L’aggiornamento si concentra molto sulla navigazione tramite tastiera, l’interazione touch e l’autenticazione, aree in cui lo standard precedente presentava lacune significative.

Un criterio è stato anche rimosso: 4.1.1 Parsing, ormai in gran parte superato dal comportamento dei browser moderni e dalle pratiche di validazione HTML. Le organizzazioni che puntano alla conformità WCAG 2.1 AA dovranno valutare i propri siti rispetto a queste aggiunte, poiché i requisiti di adozione continuano a evolversi.

Nuovo criterio	Livello/Cosa aggiunge
2.4.11 Focus non oscurato	AA; Intestazioni fisse, overlay o altri elementi della pagina non devono nascondere completamente i componenti con focus.
2.4.12 Focus non oscurato avanzato	AAA; Versione più rigorosa: nessuna parte del componente con focus può essere oscurata.
2.4.13 Aspetto del focus	AAA; Richiede che gli indicatori di focus rispettino soglie minime di dimensione e contrasto
2.5.7 Movimenti di trascinamento	AA; Tutte le funzionalità che utilizzano il trascinamento devono poter essere eseguite anche con un solo puntatore (ad esempio, clic o tap).
2.5.8 Dimensione minima del target	AA; I target interattivi devono essere almeno 24x24 pixel CSS, con eccezioni limitate.
3.2.6 Aiuto coerente	A; I meccanismi di aiuto (info di contatto, chat, ecc.) devono apparire nella stessa posizione su tutte le pagine.
3.3.7 Inserimento ridondante	A; Gli utenti non dovrebbero dover reinserire informazioni già fornite nella stessa sessione.
3.3.8 Autenticazione accessibile	AA; I passaggi di autenticazione non devono richiedere test cognitivi (come puzzle) senza un’alternativa accessibile.
3.3.9 Autenticazione accessibile avanzata	AAA; Versione più rigorosa; rimuove le eccezioni consentite al livello AA.

I dati competitivi su questa pagina sono stati raccolti al 1° novembre 2023 e sono soggetti a modifiche o aggiornamenti. AudioEye non garantisce la completezza o l’accuratezza delle informazioni presenti su questa pagina.

WCAG rimane il punto di riferimento attuale per la conformità alla maggior parte delle leggi internazionali sull’accessibilità, ma le organizzazioni dovrebbero iniziare a pianificare l’allineamento a WCAG 2.2.

Conformità WCAG e leggi sull’accessibilità digitale

Tutti hanno il diritto di accedere e utilizzare i contenuti online: seguire i criteri di successo sopra riportati ti permette di creare un ambiente accessibile e funzionale per tutti. Tuttavia, l’accessibilità digitale è anche un requisito legale in tutto il mondo. La maggior parte delle leggi internazionali sull’accessibilità utilizza WCAG come standard di riferimento, tra cui:

The Americans with Disabilities Act (ADA): Il ADA(opens in a new tab) vieta la discriminazione contro le persone con disabilità negli spazi pubblici, incluso Internet. Il mancato rispetto dei requisiti ADA (inclusa la creazione di un sito web conforme ADA) può comportare contenziosi. Per essere conformi all’ADA, è necessario soddisfare i requisiti inclusi in WCAG 2.1 Livello AA.
The European Accessibility Act (EAA): Simile all’ADA, l’ EAA richiede a tutte le organizzazioni del settore pubblico nell’UE di fornire prodotti e servizi accessibili. Nota: L’EAA applica i principi POUR rispetto a WCAG; tuttavia, seguire i principi WCAG ti mette in una posizione solida per soddisfare i principi POUR.
The Accessibility for Ontarians with Disabilities Act (AODA): Secondo l’AODA, le aziende non possono discriminare le persone con disabilità “per quanto riguarda beni, servizi, strutture, alloggi, occupazione, edifici, strutture e locali.” L’AODA utilizza anch’essa WCAG 2.1 Livello AA come base per la conformità AODA.

AudioEye: ti aiuta a raggiungere la conformità WCAG con facilità

Rendere il tuo sito accessibile non deve essere un compito schiacciante. La checklist sopra ti offre una solida base, ma con così tanti criteri di successo WCAG — e alcuni dettagli molto tecnici — può essere difficile identificare e risolvere ogni problema da soli.

Ecco dove entra in gioco AudioEye. Siamo l’unica soluzione che combina automazione AI, audit esperti, e correzioni personalizzate scritte da esperti in un’unica piattaforma, coprendo più criteri WCAG di qualsiasi altra piattaforma. E con AudioEye Assurance ottieni l’unica vera garanzia legale del settore. Il risultato: protezione superiore del 400% rispetto alle soluzioni solo automatiche e il tasso più basso di reclami legali validi nel settore.

Pronto per iniziare? La soluzione di conformità WCAG di AudioEye si mappa direttamente ai criteri di questa checklist — scopri come AudioEye aiuta le organizzazioni a raggiungere e mantenere la conformità WCAG 2.1 AA nella nostra guida completa WCAG.

Vuoi vedere quanto è accessibile il tuo contenuto attuale? Usa il nostro Website Accessibility Checker gratuito. Oppure prenota una demo per vedere la piattaforma AudioEye in azione.

Domande frequenti

Quali sono le diverse versioni di WCAG?

Quali sono i diversi livelli WCAG?

Qual è l’ultima versione di WCAG?

Quando verrà rilasciata WCAG 3.0?

Quali sono i quattro principi di WCAG?

Quali sono le conseguenze della non conformità a WCAG?

Quali sono i nuovi criteri di successo in WCAG 2.2?

Condividi articolo

La checklist completa WCAG 2.1 AA per l'accessibilità dei siti web