100 punti da sapere su...
Accessibilità digitale

"# I 78 criteri di successo del WCAG 2.1 rientrano in tre livelli di conformità: A, AA e AAA.

I livelli di conformità differiscono in base a quanto è difficile raggiungerli. È molto più facile che il vostro progetto digitale sia conforme al livello A che al AAA. Raggiungere uno qualsiasi dei tre livelli di conformità richiede di soddisfare tutti i criteri di successo di quel livello!

Applichiamo un approccio più pratico all'apprendimento dei livelli di conformità. Useremo un esempio di come una pagina web possa essere conforme ai criteri di successo relativi al colore e al testo.

Per prima cosa, inizieremo dal livello di conformità di accessibilità web più semplice, il livello A. I criteri di successo relativi al colore e al testo per raggiungere il livello di conformità A includono:

• Il colore non è l'unico mezzo per trasmettere informazioni.
• La pagina ha un titolo utile e chiaro.
• Lo scopo di ogni link è chiaro dal suo contesto.

Ora, guardate l'immagine di una pagina web qui sotto (Immagine 1).

Immagine 1:

Dall'esame dell'immagine 1, possiamo dedurre che non soddisfa i criteri di successo per raggiungere il livello di conformità A per il testo e il colore.

Quindi, come appare una pagina web conforme al livello A? Fate riferimento all'immagine 2 qui sotto.

Immagine 2:

L'immagine 2 è una versione migliorata della pagina web dell'immagine 1 perché soddisfa i tre criteri di successo precedentemente menzionati. Questo significa che ora è conforme al livello A per il testo e il colore.

Tuttavia, la politica generale in atto oggi, condivisa e applicata sia dalle aziende che dalla legge, è un livello di conformità AA. Pertanto, il livello A è solo il primo passo nella conformità all'accessibilità del web.

I criteri di successo relativi al colore e al testo per il livello di conformità AA includono:

• Il rapporto di contrasto tra testo e sfondo è di almeno 4,5:1 (per un aiuto nel determinare il contrasto dei colori, usare gli strumenti menzionati in Grain 91:Notion 13).
• Elevato contrasto tra i pulsanti dell'interfaccia utente e lo sfondo.
• Uso di titoli ed etichette chiare.

Tornando alla pagina web dell'immagine 2, possiamo concludere che non soddisfa i requisiti del livello AA per quanto riguarda il testo e il colore accessibili.

L'immagine 3 qui sotto è un altro miglioramento della pagina web

Immagine 3:

Ha applicato non solo i primi tre criteri di successo del livello A, ma ha anche soddisfatto i tre criteri di successo del livello AA. Questo significa che ora può essere considerata conforme al livello AA per quanto riguarda il testo e il colore.

Tuttavia, l'accessibilità della pagina web può essere ulteriormente migliorata. I criteri di successo relativi al colore e al testo per il livello di conformità AAA includono:

• Il rapporto di contrasto tra testo e sfondo è di almeno 7:1.
• Fornire aiuto e istruzioni dettagliate.
• Spiegare tutte le abbreviazioni e le parole strane.

L'immagine finale, Immagine 4, mostra la stessa pagina web che ora soddisfa tutti i criteri di successo relativi al testo e al colore dei livelli A, AA e AAA, rendendola conforme al livello AAA.

Immagine 4:

In pratica, non è facile raggiungere il livello di conformità AAA, quindi non è un obbligo legale o commerciale. La conformità al livello AAA è solitamente raggiunta da siti web specializzati nella consapevolezza della disabilità o nei servizi.

Per vedere la lista completa dei criteri di successo e come sono divisi tra i tre livelli di conformità, visita:

Linee guida per l'accessibilità dei contenuti web (WCAG) 2.1: https://www.w3.org/TR/WCAG21/