Livelli WCAG: A, AA e AAA

Circa il 15% della popolazione mondiale presenta una qualche forma di disabilità. I siti accessibili funzionano per tutti: utenti di lettori di schermo, utenti che usano solo la tastiera, utenti ipovedenti e utenti con connessioni lente. L'accessibilità è inoltre un requisito legale in molte giurisdizioni.

WCAG è lo standard del W3C che definisce le caratteristiche necessarie affinché i contenuti web siano accessibili. Versione attuale: WCAG 2.2 (ottobre 2023). La versione successiva, WCAG 3, è ancora in una fase iniziale di bozza.

WCAG si basa su quattro principi: Percepibile, Utilizzabile, Comprensibile e Robusto. Ogni criterio di successo rientra in uno di questi principi.

Le informazioni devono essere presentabili in modi che gli utenti possano percepire: testo alternativo per le immagini, sottotitoli per i video, contrasto cromatico sufficiente e testo ridimensionabile fino al 200% senza perdita di funzionalità.

Tutte le funzionalità devono essere utilizzabili tramite tastiera: nessuna interazione riservata al mouse, tempo sufficiente per leggere i contenuti, nessun contenuto lampeggiante che possa provocare convulsioni e modalità chiare per spostarsi nel sito.

I contenuti e il funzionamento devono essere comprensibili: lingua del contenuto dichiarata, schemi di navigazione prevedibili, messaggi di errore chiari con suggerimenti ed etichette coerenti.

I contenuti devono funzionare con le tecnologie assistive attuali e future. Utilizzi HTML valido, segua le best practice ARIA e si assicuri che nome/ruolo/valore siano determinabili a livello programmatico.

Livello A: minimo indispensabile. Livello AA: obiettivo standard, richiesto dalla maggior parte delle leggi. Livello AAA: il più elevato, non pratico per interi siti; si applica solo alle pagine critiche.

La maggior parte dei progetti punta a WCAG 2.1 AA o 2.2 AA: è il livello previsto dall'European Accessibility Act (EAA), dalla Section 508 negli Stati Uniti e dalla maggior parte delle regole di approvvigionamento aziendale.

Livello A: testo alternativo sulle immagini, accessibilità da tastiera. Livello AA: rapporto di contrasto 4,5:1 per il testo, nessuna informazione comunicata solo tramite il colore, focus visibile e ridimensionamento al 200%. Livello AAA: contrasto 7:1, lingua dei segni per i video e assistenza sensibile al contesto.

1) Aggiunga il testo alternativo a ogni immagine. 2) Utilizzi HTML semantico (button, nav, h1-h6). 3) Si assicuri che il contrasto cromatico raggiunga 4,5:1. 4) Testi il sito usando solo la tastiera. 5) Aggiunga etichette a ogni campo di input dei moduli. 6) Utilizzi un indicatore di focus visibile.

Quale livello di conformità WCAG rappresenta l'obiettivo legale tipico per la maggior parte dei siti web e delle applicazioni?

WCAG 2.2 è lo standard attuale. Quattro principi: Percepibile, Utilizzabile, Comprensibile, Robusto (POUR). Tre livelli di conformità: A (base), AA (obiettivo legale), AAA (massimo). Per la conformità legale, punti al livello AA. Interventi rapidi: testo alternativo, HTML semantico, contrasto di 4.5:1, test con tastiera, campi con etichette, indicatore di focus visibile.