Tutto quello che devi sapere sull'accessibilità del sito web

Ogni utente che visita il tuo sito web dovrebbe avere diritto a un'esperienza utente comprensibile, indipendentemente dalle sue capacità o dalla mancanza di esse. Questa non è solo la nostra opinione, ma in alcuni paesi è la legge. Ma questo non è l'unico motivo per assicurarsi che il tuo sito web soddisfi gli standard di accessibilità. Secondo un rapporto sulla disabilità, 1 miliardo di persone vive con una disabilità, che equivale al 15% della popolazione mondiale . Le persone con disabilità fisiche, visive, cognitive, neurologiche, motorie e uditive utilizzeranno il tuo sito web. Sebbene sia scoraggiante utilizzare i numeri come motivo, è una quantità significativa di potenziali visitatori. Rendere il tuo sito web utilizzabile per tutti vale la pena.

Il divario tra i siti Web accessibili e quelli che non lo sono di solito si verifica nel budget. Rendere il tuo sito web inclusivo richiede semplicemente più sforzi durante lo sviluppo e più sforzi significa più soldi. Ma, se fatto strategicamente e con un CMS come Drupal, non deve essere un aumento significativo dello sforzo. Drupal core supporta la progettazione e lo sviluppo di siti Web conformi agli standard WCAG 2.0 e ATAG 2.0. Esiste infatti un'intera comunità (la comunità Drupal Accessibility) dedicata al miglioramento e all'aggiornamento degli standard di accessibilità. Si potrebbe anche dire che l'accessibilità è un punto di forza fondamentale di Drupal.

È tutto fantastico se stai per ricostruire il tuo sito web, ma cosa succede se stai lavorando con quello esistente? Analizziamo l'accessibilità del Web e come sapere se il tuo sito Web è accessibile o meno.

Che cos'è l'accessibilità al Web?

L'accessibilità al web è un aspetto molto importante nello sviluppo web. In parole povere, l'accessibilità al Web garantisce l'accesso al tuo sito Web da parte di tutti, indipendentemente dalle loro disabilità. Anche se spesso si presume, l'accessibilità non riguarda solo le persone con disabilità. Come persona abile, ci sono circostanze in cui potresti trovarti, situazionale o temporaneo, che possono influenzare il modo in cui accedi al sito web.

Perché è importante l'accessibilità al Web

Un altro malinteso è che l'accessibilità al web sia utilizzata principalmente per creare un'immagine positiva del marchio. Ma ci sono molti più vantaggi tangibili nell'avere un sito web accessibile di quanto molti pensino.

• Aumenta la copertura del tuo pubblico
• Evita problemi legali ( ricorda la causa contro Beyonce nel 2019 quando il suo sito Web non era conforme all'ADA (Americans with Disabilities Act))
• Migliorare l'esperienza utente per l'accessibilità significa anche migliorare il punteggio UX complessivo
• Migliora il posizionamento del tuo sito web sui motori di ricerca

Detto questo, la recente crescita e popolarità dei marchi orientati allo scopo indica che essere inclusivi può essere un fattore chiave di differenziazione del marchio.

Conformità e livelli

Il World Wide Web Consortium (W3C) ha sviluppato e rilasciato una serie di linee guida - le WCAG (Web Content Accessibility Guidelines) che regolano gli standard di accessibilità web. I criteri di successo di questi standard (WCAG 2.0, WCAG 2.1 e WCAG 2.2) hanno tre livelli di conformità:

• Livello A
• Livello AA
• Livello AAA

Livello A - Questo è il livello minimo di accessibilità che copre i requisiti più elementari delle caratteristiche di accessibilità.

Livello AA - Questo livello richiede tutto nel livello A più alcuni requisiti aggiuntivi. Quando un sito Web è conforme a questo livello, è un grosso problema perché molte delle maggiori barriere di accessibilità vengono eliminate.

Livello AAA - Il livello AAA richiede tutto nei livelli A e AA più alcuni requisiti aggiuntivi. Questo livello è difficile da raggiungere dalla maggior parte dei siti Web ed è il più alto livello di accessibilità secondo gli standard WCAG.

Come fai a sapere se il tuo sito web è accessibile?

Le WCAG hanno stabilito 4 principi e 13 linee guida per l'accessibilità al Web. Il mancato rispetto di uno qualsiasi di questi quattro principi renderà il tuo sito Web inaccessibile agli utenti con disabilità. Questi principi sono conosciuti come principi POUR

1. Percettibile
2. Operabile
3. Comprensibile
4. Robusto

Percepibile : tutte le linee guida raggruppate in percepibile ruotano attorno all'assicurarsi che le persone siano in grado di trovare i tuoi contenuti.

Operabile - Devi assicurarti che il tuo sito web sia funzionante. Le persone devono essere in grado di utilizzare il tuo sito web.

Comprensibile - Le persone devono essere in grado di capire il tuo sito web.

Robusto - Il tuo sito web dovrebbe essere compatibile con tutti i browser, sistemi operativi e dispositivi.

Linee guida per l'accessibilità

Ora ogni principio ha la sua serie di linee guida di cui parleremo qui:

Linee guida percepibili

1.1) Alternative testuali - La prima linea guida percepibile, percepibile 1.1 richiede che tutto il contenuto non testuale abbia un'alternativa testuale. Ciò significa che le immagini devono avere un testo alternativo significativo. Il testo alternativo dovrebbe descrivere cosa sta succedendo nell'immagine.

1.2) Media basati sul tempo - Percepibile 1.2 richiede che ci siano opzioni alternative per i media basati sul tempo. Aggiungi sottotitoli al video per le persone con problemi di udito. I sottotitoli possono aiutare a dare loro un contesto.

1.3) Adattabile - Percepibile 1.3 richiede che il contenuto possa essere presentato in modi diversi senza perdere il contesto.

1.4) Distinguibile - L'ultima linea guida per percepibile, è Percepibile 1.4 e richiede che il contenuto possa essere separato visivamente dal suo sfondo. Ciò significa che dovrebbe esserci un contrasto sufficiente tra il testo e il colore di sfondo. Il testo deve avere un rapporto di contrasto minimo di 4,5.

Linee guida operative

2.1) Tastiera accessibile - La prima linea guida Operabile 2.1 richiede che tutte le parti del sito Web siano accessibili utilizzando solo la tastiera .

2.2) Abbastanza tempo - Operabile 2.2 richiede che le persone dispongano di tempo sufficiente per utilizzare il contenuto del tuo sito web. Devi dare all'utente il tempo di completare l'attività senza avere fretta. Devi anche considerare che persone diverse hanno abilità diverse e alcune potrebbero essere un po' più lente nel portare a termine le cose.

2.3) Convulsioni e reazioni fisiche - Operabile 2.3 richiede che il contenuto non sia progettato in modo da causare convulsioni. Animazioni e video non dovrebbero lampeggiare più di 3 volte al secondo.

2.4) Navigabile - Operabile 2.4 richiede che le persone possano navigare nel sito Web e capire dove si trovano nel sito Web. Tutti i collegamenti, gli input e i pulsanti della pagina devono avere uno stato focalizzato per indicare dove si trova una persona sullo schermo quando gli utenti navigano utilizzando le schede.

2.5) Modalità di input - L'ultima linea guida per Operable, è Operable 2.5 e richiede che tutte le parti del sito Web siano accessibili utilizzando altri dispositivi di input oltre a una tastiera. Fondamentalmente, ti consigliamo di assicurarti che il tuo sito Web funzioni con un mouse, dispositivi touch screen e sintesi vocale.

Linee guida comprensibili

3.1) Leggibile - Comprensibile 3.1 richiede che il contenuto sia leggibile e di facile comprensione. Usa un linguaggio semplice e cerca di evitare il gergo.

3.2) Prevedibile - Comprensibile 3.2 richiede che le pagine web siano prevedibili nel modo in cui appaiono e funzionano. Il contenuto sarà diverso su ogni pagina, ma la struttura principale della pagina dovrebbe rimanere la stessa. La navigazione, l'ordine dei link e la ricerca devono essere sempre nella stessa posizione della pagina.

3.3) Input Assistance - Comprensibile 3.3 richiede che sia facile per le persone correggere ed evitare errori.

Linee guida solide

4.1) Compatibile - C'è solo una linea guida sotto robusta, ed è 4.1 . Ciò richiede che il sito Web sia compatibile con tutti i browser, sistemi operativi e dispositivi. Ciò è possibile scrivendo un HTML semantico valido. Se per qualche motivo il sito web ha ancora bisogno di aiuto per l'accessibilità, aggiungi alcuni attributi ARIA.

Come testare l'accessibilità?

Infine, desideri incorporare i test di accessibilità nel processo di gestione del tuo sito web. Ad esempio, puoi scorrere le pagine per verificare l'accessibilità della tastiera. Fortunatamente, ci sono molti strumenti disponibili su Internet per automatizzare i test:

• Onda
• Faro

Siti di riferimento

Fare riferimento ai seguenti siti W3C per gli standard e le linee guida.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/