Che cosa sono le WCAG?
Le WCAG, o Web Content Accessibility Guidelines, sono uno standard internazionale sviluppato dal W3C (World Wide Web Consortium). Il suo obiettivo è garantire che i siti web e i contenuti digitali siano accessibili a tutti gli utenti, comprese le persone con disabilità.
La versione attuale, WCAG 2.1, si basa sulle versioni precedenti e include ulteriori raccomandazioni per i dispositivi mobili e per gli utenti con problemi cognitivi o di ipovisione.
I quattro principi delle WCAG
Le WCAG si basano su quattro principi fondamentali, spesso ricordati con l’acronimo POUR:
Percepibile
Le informazioni devono essere presentate in modi che gli utenti possano percepire, indipendentemente dalle loro capacità sensoriali. Ciò include la fornitura di testi alternativi per le immagini e la garanzia che i contenuti siano accessibili con gli screen reader.
Esempi:
- Fornisci alternative di testo per qualsiasi contenuto non testuale;
- Fornire una forma alternativa di CAPTCHA che emetta il codice CAPTCHA sotto forma di audio;
- Fornire didascalie e trascrizioni che possano essere lette da uno screen reader o da un lettore braille per audio e video;
- Fornire descrizioni audio aggiuntive quando l’audio del video non è sufficiente a descrivere ciò che accade sullo schermo;
- Usa i tag di intestazione per stabilire la gerarchia dei contenuti;
- Creare contenuti reattivi: gli utenti non devono essere bloccati in una vista specifica, ma devono poter ruotare il proprio dispositivo tra orizzontale e verticale;
- Crea un contrasto sufficiente tra il colore del testo e gli sfondi;
- Utilizzare sia il colore che le icone per mostrare i messaggi di errore e di successo;
- L’audio di sottofondo deve essere 20 decibel più silenzioso delle voci parlanti per non interferire con il dialogo;
Utilizzabile
I componenti dell’interfaccia utente e la navigazione devono essere utilizzabili. Ad esempio, tutte le funzionalità devono essere accessibili tramite tastiera e i contenuti devono evitare design che possano scatenare crisi epilettiche.
Esempi:
- Rendi tutte le funzionalità accessibili da tastiera;
- Gli utenti possono aprire e chiudere modali e pop-up senza usare il mouse o il touchpad;
- Tutti i visitatori del sito web devono avere il tempo necessario per leggere e utilizzare il contenuto della pagina;
- Avvisare con un messaggio prima che un utente venga disconnesso a causa dell’inattività;
- Offrire l’opzione di aggiungere più tempo quando si eseguono azioni sensibili al tempo;
- Aggiungi icone di pausa/arresto a un carosello che si riproduce automaticamente;
- Non progettare i contenuti in modo tale da provocare crisi epilettiche; evita le animazioni che lampeggiano più di 3 volte al secondo;
- Fornisci modi per aiutare gli utenti a navigare, trovare i contenuti e determinare quando si trovano;
- Tutte le pagine devono avere un titolo relativo al contenuto della pagina;
- Usa la navigazione a briciole di pane quando ci sono più livelli di pagine annidate;
- Evitare link ambigui come “clicca qui” o “scopri di più”;
Comprensibile
Il comportamento dei contenuti e dell’interfaccia deve essere chiaro e prevedibile. Ciò significa utilizzare un linguaggio semplice e garantire che gli utenti possano capire e utilizzare facilmente il sito web.
Esempi:
- Rendi il contenuto del testo leggibile e comprensibile;
- Evita il gergo tecnico;
- Imposta l’attributo lang sul tag html ( <html lang=”en”>);
- Gli elementi globali come l’intestazione, la navigazione e il piè di pagina sono uguali in ogni pagina;
- I link di nagivazione sono gli stessi in ogni pagina e sempre nello stesso ordine;
- Usa un linguaggio coerente nell’etichettare gli elementi;
- Fornisci etichette per tutti gli input ed esempi (segnaposto) se i dati devono essere formattati in un certo modo;
- Quando un modulo viene compilato in modo errato, fornisci istruzioni su come risolvere l’errore;
- Fornisci messaggi di successo/errore quando un modulo viene inviato;
- Dare agli utenti una seconda possibilità di confermare o annullare un’azione, soprattutto quando questa è irreversibile;
Robusto
I contenuti devono essere interpretati in modo affidabile da un’ampia gamma di dispositivi e tecnologie assistive, sia oggi che in futuro.
Esempi:
- Massimizzare la compatibilità con gli interpreti attuali e futuri, comprese le tecnologie assistive;
- Scrivi un HTML semantico e valido;
- Usa ARIA per estendere il tuo HTML quando necessario;
- Incorporare i test di accessibilità nel tuo processo di creazione;
13 linee guida e 78 criteri di successo
Ognuno dei quattro principi comprende diverse linee guida – 13 in totale. Queste linee guida sono supportate da criteri di successo – requisiti specifici e testabili che aiutano a determinare se un sito web soddisfa gli standard di accessibilità.
Le WCAG 2.1 includono 78 criteri di successo, organizzati in tre livelli di conformità:
Livello A – Requisiti di base, deve essere adeguato
Livello AA – Consigliato per la maggior parte dei siti web
Livello AAA – Livello più alto, difficile da soddisfare per tutti i contenuti
Per la maggior parte dei siti web, puntare alla conformità al livello AA delle WCAG 2.1 è un obiettivo forte e realistico.
Perché le WCAG sono importanti
Le WCAG forniscono un quadro strutturato e riconosciuto a livello internazionale per la creazione di contenuti digitali accessibili. Basato su quattro principi – Percepibile, Operabile, Comprensibile e Robusto – comprende 13 linee guida e 78 criteri di successo che aiutano a garantire che il tuo sito sia utilizzabile da tutti.
Seguire le WCAG aiuta a:
- Rendere i siti web utilizzabili da persone con diverse disabilità (visive, motorie, cognitive, ecc.)
- Migliorare l’esperienza complessiva dell’utente
- Rispettare le leggi sull’accessibilità in molti paesi
- Migliorare la SEO e proteggere i tuoi contenuti dalle nuove tecnologie
