Oltre il 96 percento dei siti più visitati ha errori di accessibilità rilevabili sulla home page. Il dato viene dallo studio annuale sull'accessibilità di WebAIM, che ogni anno testa milioni di pagine. Un design accessibile non è la norma. Va costruito con intenzione, e sulla maggior parte dei siti aziendali non è stato fatto.
Un design accessibile significa strutturare e costruire un sito in modo che le persone con disabilità possano percepirlo, navigarlo e interagire con esso in modo efficace. Include le persone con disabilità visive che usano screen reader, le persone con disabilità motorie che navigano con la tastiera invece che con il mouse, le persone con perdita dell'udito che hanno bisogno di sottotitoli per audio e video, e le persone con disabilità cognitive che traggono beneficio da layout chiari e coerenti.
L'accessibilità non è una funzione da aggiungere alla fine della costruzione. È un insieme di decisioni di design e sviluppo, prese lungo tutto il percorso, che determinano se tutti i visitatori, non solo quelli senza disabilità, possono usare il sito.
Quali visitatori serve un design accessibile?
L'Organizzazione Mondiale della Sanità stima che oltre 1,3 miliardi di persone vivano con una qualche forma di disabilità. È circa il 16 percento della popolazione mondiale. Progettare per l'accessibilità significa progettare per una quota importante del tuo pubblico potenziale.
I benefici vanno oltre gli utenti con disabilità permanenti. Un visitatore che usa il telefono sotto il sole forte vede peggio. Chi ha un infortunio temporaneo può navigare con la tastiera. Un utente che guarda un video in un ambiente rumoroso ha bisogno dei sottotitoli per seguirlo. I miglioramenti di accessibilità servono le limitazioni temporanee e situazionali quanto quelle permanenti. Un sito costruito per essere accessibile funziona meglio per una gamma molto più ampia di persone.
C'è anche una dimensione legale. In molti paesi, compresi gli Stati Uniti, le aziende sono tenute per legge a garantire pari accesso ai propri servizi. I siti web sono stati oggetto di cause per l'accessibilità, e il numero di azioni legali sull'accessibilità web è cresciuto di anno in anno. L'articolo su come rendere il tuo sito conforme all'ADA spiega cosa significano in pratica i requisiti legali per i siti aziendali.
Quali sono gli standard di accessibilità WCAG?
Le Web Content Accessibility Guidelines, note come WCAG, sono gli standard riconosciuti a livello internazionale per l'accessibilità web. Pubblicate dal World Wide Web Consortium, le WCAG definiscono tre livelli di conformità. Il livello A è la base minima. Il livello AA è lo standard citato nella maggior parte dei quadri normativi e l'obiettivo pratico per i siti aziendali. Il livello AAA è il più completo ed è raramente richiesto su un intero sito.
Le WCAG sono organizzate attorno a quattro principi fondamentali, indicati con l'acronimo POUR.
Percepibile
Tutti i contenuti devono essere presentati in modi che gli utenti possano percepire. Le alternative testuali alle immagini permettono agli screen reader di descrivere i contenuti visivi a chi non vede. Sottotitoli e trascrizioni rendono accessibili audio e video alle persone con perdita dell'udito. Un contrasto cromatico sufficiente garantisce che il testo sia leggibile per chi ha una vista debole o daltonismo.
Utilizzabile
Tutte le funzioni devono essere utilizzabili con la tastiera, non solo con un mouse o un touchscreen. La navigazione deve essere prevedibile. Gli utenti devono avere tempo sufficiente per leggere e interagire con i contenuti senza pressione. I contenuti lampeggianti che potrebbero scatenare crisi epilettiche vanno evitati o controllati.
Comprensibile
Contenuti e navigazione devono essere leggibili e comprensibili. La lingua della pagina deve essere dichiarata, così gli screen reader applicano le giuste regole di pronuncia. I messaggi di errore nei moduli devono spiegare cosa è andato storto e come rimediare. La navigazione deve comportarsi in modo coerente tra le pagine, così gli utenti possono prevedere dove si trovano i comandi.
Robusto
I contenuti devono funzionare in modo affidabile con le tecnologie assistive attuali e future. Significa usare HTML valido e semantico, così che screen reader e altri strumenti interpretino correttamente la struttura della pagina. I pulsanti devono essere codificati come pulsanti. I titoli devono seguire una gerarchia logica e non essere scelti solo per la dimensione visiva. L'articolo su cos'è la gerarchia visiva spiega come struttura dei titoli e peso visivo lavorano insieme in una pagina.
Quali sono i problemi di accessibilità più comuni nei siti?
L'analisi di accessibilità di WebAIM individua sei tipi di errore che compaiono sulla stragrande maggioranza delle pagine testate. Il testo alternativo mancante sulle immagini è il più frequente. Il basso contrasto cromatico tra testo e sfondo è il secondo. Etichette mancanti nei moduli, link vuoti, dichiarazione della lingua del documento mancante e pulsanti vuoti completano il quadro.
Per i siti aziendali, i punti di partenza pratici sono le alternative testuali per tutte le immagini significative, un contrasto sufficiente su tutti gli elementi di testo, etichette chiare su ogni campo dei moduli e una struttura logica dei titoli in ogni pagina.
L'accessibilità della navigazione è un'altra lacuna frequente. I menu a tendina che si attivano solo al passaggio del mouse non funzionano per chi usa la tastiera. I link che dicono "clicca qui" o "leggi di più" senza contesto intorno non funzionano per chi usa uno screen reader e naviga con l'elenco dei link. L'articolo su cos'è la navigazione di un sito spiega come costruire una navigazione che funzioni con tutti i metodi di input e su tutti i dispositivi.
Come si testa l'accessibilità del proprio sito?
Gli strumenti automatici possono individuare in fretta una buona parte degli errori di accessibilità. Le estensioni del browser che analizzano le pagine in base ai criteri WCAG fanno emergere problemi di contrasto, testo alternativo mancante e problemi di struttura, senza alcuna configurazione tecnica. Eseguire una scansione automatica è un primo passo ragionevole e intercetta i problemi più comuni sulla maggior parte delle pagine.
I test automatici hanno dei limiti. Non possono valutare in modo affidabile se il testo alternativo è descrittivo, se l'ordine di lettura ha senso senza CSS o se gli elementi interattivi funzionano bene con uno screen reader. Per una verifica accurata servono test manuali. Navigare tra le pagine chiave del sito usando solo la tastiera, senza toccare il mouse, è un controllo rapido che rivela subito i problemi di utilizzabilità.
Per una verifica completa, testare con una vera tecnologia assistiva è l'approccio più affidabile. Gli screen reader sono disponibili gratis su tutti i principali sistemi operativi, e percorrere le pagine importanti di un sito con uno attivo fa emergere problemi che gli strumenti automatici non vedono affatto.
Come influisce l'accessibilità sulla SEO?
Molte pratiche di accessibilità sostengono direttamente la SEO. Il testo alternativo delle immagini dà contesto ai motori di ricerca, che non sanno interpretare i contenuti visivi. Una struttura logica dei titoli aiuta i motori di ricerca a capire come è organizzata una pagina. Un testo dei link descrittivo dà ai motori di ricerca un'ancora significativa invece di frasi generiche. Le pagine navigabili da tastiera e pulite a livello strutturale tendono ad andare meglio, nel complesso, sui segnali di esperienza utente.
La sovrapposizione non è casuale. Sia l'accessibilità sia la SEO riguardano in fondo il rendere i contenuti disponibili e comprensibili a una gamma più ampia di utenti e sistemi. I miglioramenti dell'una spesso giovano all'altra. L'articolo su cos'è la SEO spiega come i motori di ricerca valutano la qualità delle pagine e dove le pratiche di accessibilità si incontrano con i segnali di posizionamento.
Come gestisce WEMASY l'accessibilità
Il creatore di siti di WEMASY genera HTML semantico e applica le strutture dei titoli in un ordine logico. Per tutte le immagini sono previsti campi per il testo alternativo, così puoi aggiungere le descrizioni senza modificare il codice. I template sono costruiti secondo gli standard di contrasto cromatico WCAG AA, così il design predefinito li rispetta senza interventi manuali. La navigazione da tastiera e le aree di tocco su mobile sono gestite dalla piattaforma, senza bisogno di una configurazione separata.
Scopri cosa è incluso nel creatore di siti WEMASY o consulta i piani nella pagina dei prezzi.
Domande frequenti
L'accessibilità del sito è un obbligo di legge?
Negli Stati Uniti l'Americans with Disabilities Act richiede alle aziende di garantire pari accesso ai propri servizi, e tribunali e Dipartimento di Giustizia hanno confermato che questo vale anche per i siti web. La Direttiva sull'accessibilità del web e l'European Accessibility Act dell'Unione Europea impongono requisiti simili. Il quadro legale varia per paese e tipo di attività, ma per qualsiasi azienda che serve il pubblico, trattare l'accessibilità come facoltativa comporta un rischio legale. Con il creatore di siti di WEMASY puoi configurarlo direttamente sul tuo sito.
Che differenza c'è tra WCAG A, AA e AAA?
Le WCAG hanno tre livelli di conformità. Il livello A copre i requisiti minimi che tutti i contenuti web dovrebbero rispettare. Il livello AA aggiunge criteri più specifici su contrasto cromatico, accessibilità da tastiera e gestione degli errori nei moduli. È il livello citato nella maggior parte dei quadri normativi e l'obiettivo pratico per i siti aziendali. Il livello AAA è il più completo e in genere non è richiesto come standard generale, perché alcuni criteri non si possono rispettare per tutti i tipi di contenuto.
Rendere accessibile un sito lo rallenta?
No. Aggiungere testo alternativo, migliorare la struttura dei titoli e aumentare il contrasto cromatico non ha alcun effetto sul tempo di caricamento. Alcune aggiunte di accessibilità, come le trascrizioni per i contenuti video, comportano file in più, ma le pratiche di accessibilità di base che valgono per la maggior parte dei siti aziendali sono modifiche di struttura e di testo che non hanno costi in termini di prestazioni.
Quanta parte del sito deve essere accessibile?
Tutta. L'accessibilità riguarda ogni pagina che un visitatore può raggiungere, comprese pagine prodotto, moduli di contatto, processi di checkout ed eventuali documenti scaricabili. Una home che supera i test di accessibilità mentre un modulo di contatto no resta comunque un'esperienza inaccessibile per gli utenti che ne hanno bisogno. Le verifiche di accessibilità dovrebbero coprire l'intero percorso dell'utente per le attività chiave che un visitatore può svolgere, non solo la prima pagina.
Cos'è una dichiarazione di accessibilità?
Una dichiarazione di accessibilità è una pagina che descrive il livello attuale di conformità di accessibilità di un sito, indica i limiti noti e fornisce i contatti per gli utenti che incontrano problemi. È una misura di trasparenza, non uno scudo legale. Molte normative sull'accessibilità la richiedono o la raccomandano, e segnala agli utenti con disabilità che l'accessibilità è stata presa in considerazione. Una dichiarazione è più utile quando è aggiornata e riflette lo stato reale del sito.