Carte dell'accessibilità

Tutti i contenuti non testuali presentati all'utente devono avere un'alternativa testuale equivalente che serve allo stesso scopo o fornisca una identificazione descrittiva.

Contenuti puramente descrittivi, formattazioni e contenuti invisibili devono essere nascosti alle tecnologie assistive (per es. usando un attributo alt vuoto o con l'attributo aria-hidden="true").

I contenuti preregistrati solo audio devono essere accompagnati da una trascrizione testuale.

I contenuti preregistrati solo video devono essere accompagnati da una descrizione testuale o audio.

I video preregistrati devono includere descrizioni audio estese se contenuti visivi importanti come

• dettagli visivi rilevanti,
• testo sullo schermo non pronunciato ad alta voce o
• scene senza pause audio naturali

non possono essere descritti durante la normale riproduzione.

I video preregistrati devono avere un'alternativa testuale completa che includa

• tutti i dialoghi,
• gli effetti sonori rilevanti (come musica, allarmi o risate) e
• i contenuti visivi importanti,

anche se sono già disponibili sottotitoli e descrizioni audio.

Informazioni visive e le loro relazioni (come etichette, intestazioni, raggruppamenti, ecc.) devono essere esplicitate nel codice utilizzando

• HTML semantico (per esempio <label for="">, <ul>, <h1>, ecc.) e
• attributi ARIA o ruoli (ad esempio aria-describedby="ID", ecc.)

in modo che le tecnologie assistive possano comprenderne la struttura.

Nota: questo criterio assorbe il deprecato 4.1.1.

Il contenuto deve seguire un ordine logico e significativo nel codice tale che rispetti l'ordine delle informazioni percepito visivamente.

In questo modo il layout visivo può essere riportato correttamente dalle tecnologie assistive.

Le istruzioni e le descrizioni non devono basarsi esclusivamente su caratteristiche sensoriali quali colore, forma, dimensioni, posizione visiva o suono.

Fornire sempre un testo aggiuntivo per chiarire il significato. La descrizione di un elemento, come un bottone, non può limitarsi, per esempio, al solo colore.

Lo scopo delle regioni e degli elementi comuni deve essere definito nel codice utilizzando elementi HTML semantici (per esempio nav,aside,p, ecc.) e attributi ARIA laddove necessario, in modo che:

• le tecnologie assistive possano comunicarne il significato e
• i browser possano adattare o semplificare l'interfaccia (ad esempio nascondendo i contenuti non essenziali).

Se l'audio viene riprodotto automaticamente per più di 3 secondi, deve essere possibile

• mettere in pausa l'audio,
• interrompere l'audio o
• regolare il volume,

indipendentemente dal livello di volume complessivo del sistema (per esempio, al fine di evitare un'interruzione dello screen reader).

Il contrasto del testo rispetto allo sfondo deve avere almeno i seguenti rapporti:

• 4,5:1 per il testo normale, oppure
• 3:1 per il testo di grandi dimensioni (oltre 24px, oppure in grassetto e oltre 19px).

Il contrasto del testo rispetto allo sfondo deve essere almeno

• 7:1 per il testo normale, oppure
• 4,5:1 per il testo grande (oltre 24px, oppure in grassetto e oltre 19px).

Per gli audio preregistrati con parlato, qualsiasi suono di sottofondo deve essere

• almeno 20 dB più basso del parlato, oppure
• deve esserci un modo per disattivarlo.

I blocchi di testo (come i paragrafi) devono

• avere un'altezza di linea di almeno 1,5,
• non essere giustificati e
• rimanere entro gli 80 caratteri (o 40 per gli script CJK).

Consentire agli utenti di regolare la spaziatura e i colori utilizzando stili personalizzati.

Il contenuto rimane funzionale e di facile lettura – il flusso delle righe di testo si ricalcola correttamente in base alla larghezza della finestra di visualizzazione – quando:

• viene ingrandito al 400% o
• visualizzato con una larghezza di 320px,

senza necessità di scorrere in due direzioni (a eccezione di tabelle, mappe e contenuti simili).

Il testo rimane leggibile e utilizzabile quando la spaziatura viene modificata utilizzando stili personalizzati ad almeno

• 1,5× altezza della riga,
• 2× spaziatura dopo i paragrafi,
• 0,12× spaziatura tra le lettere,
• 0,16× spaziatura tra le parole,

senza che il contenuto venga nascosto, troncato o interrotto.

Quando vengono visualizzati contenuti aggiuntivi al passaggio del mouse o alla selezione con la tastiera (incluso il tocco prolungato su touchscreen), questi devono

rimanere visibili fino a quando non vengono chiusi o non sono più validi, essere chiudibili (ad esempio utilizzando il tasto esc) e rimanere visibili al passaggio del mouse o alla selezione.