L’accessibilità dei siti web si occupa di rendereaccessibili siti, app e altre tecnologie a persone con diverse disabilità. Ogni sito web dovrebbe essere accessibile a chiunque, indipendentemente dal fatto che abbia una condizione che influisce sulle modalità di interazione o di utilizzo di un sito web.
Milioni di utenti di Internet hanno esigenze che potrebbero impedire loro l’accesso o l’utilizzo di un sito web se questo non è stato progettato tenendo conto delle loro disabilità o condizioni. Questo include:
- Visivo: Incapacità parziale o totale di vedere i colori o di percepire i contrasti (ad esempio, daltonismo, cecità).
- Udito: Ridotta o totale incapacità di sentire
- Fisico: Difficoltà a muovere o utilizzare parti del corpo, a usare mouse/tastiera o a compiere movimenti precisi.
- Crisi epilettiche: Condizioni che possono causare crisi epilettiche, come l’epilessia, o scatenate da luci lampeggianti.
- Cognitivo: Condizioni che influiscono sulle capacità cognitive, come la demenza e la dislessia.
Indice dei contenuti
Statistiche sull'accessibilità dei siti web 2022
- Fino al 10% delle persone negli Stati Uniti ha difficoltà di lettura, compresa la dislessia.
- Il 35% degli imprenditori statunitensi è dislessico e il 20% di quelli britannici è dislessico.
- L’8% degli uomini caucasici negli Stati Uniti ha una qualche forma di daltonismo
- Lo 0,5% delle donne statunitensi soffre di daltonismo
- Il 7% degli adulti in età lavorativa presenta gravi difficoltà di destrezza
- Circa il 5% delle persone negli Stati Uniti, nel Regno Unito e in Canada soffre di difficoltà uditive.
- Circa il 4% delle persone negli Stati Uniti, nel Regno Unito e in Canada non riesce a vedere abbastanza bene per leggere.
Come rendere il vostro sito web più accessibile
Ora che abbiamo capito che l’accessibilità è importante per qualsiasi sito web, è importante che sappiate come rendere accessibile il vostro sito web. Uno dei modi migliori per migliorare l’accessibilità del vostro sito web è scegliere un buon CMS come WordPress. Naturalmente, non è necessario utilizzare WordPress per ottenere questo risultato, ma è possibile che si faccia riferimento a WordPress nel corso di questa guida all’accessibilità.
1. Rendete il vostro sito web facile da usare con la tastiera
Un sito web facile da usare con la tastiera significa che è possibile accedervi e navigare all’interno del sito e delle sue pagine senza l’uso del mouse. Il modo più comune per navigare in un sito web senza mouse è utilizzare il tasto Tab della tastiera.
Le funzioni principali come pagine, link e contenuti devono essere accessibili tramite tastiera. Quando progettate il vostro sito web, dovete verificare che tutte le funzioni siano accessibili con il tasto Tab . Il modo migliore per farlo è testare il vostro sito web senza l’uso del mouse. Se non riuscite ad accedere ad alcune parti fondamentali del vostro sito web, allora è necessario risolvere questi problemi.
Come si può vedere sul sito WebHostingProf, è possibile scorrere i link e i moduli del sito con la tastiera. Best Web Hosting è evidenziato da una linea tratteggiata verde che identifica che questo link è stato selezionato con il tasto Tab .
2. Aggiungere il testo alt alle immagini
Quando si aggiunge un’immagine al proprio sito web, è possibile includere un elemento chiamato Alt Text (testo alternativo). Il testo alt descrive il contenuto dell’immagine ed è utile se l’immagine non viene caricata.
Testo Alt viene utilizzata anche quando si accede con gli screen reader; questa tecnologia legge l’immagine e offre un contesto all’immagine per coloro che non possono vederla. Oltre a fornire una maggiore accessibilità,
Testo Alt
può contribuire a migliorare la SEO del vostro sito web, in quanto fornisce il contesto di un’immagine ai motori di ricerca.
3. Scegliere i colori giusti
Il daltonismo non è semplice come vedere un colore come un altro. Le persone affette da daltonismo vedono un intero spettro di colori e li percepiscono in modo diverso da un’altra persona affetta da cecità cromatica. Un sito web deve offrire il giusto contrasto cromatico, in modo che tutti possano distinguere i vari colori e i contenuti delle pagine.
Vi ricordate di The Dress? Questo è stato un ottimo esempio di come le persone vedano i colori in modo diverso. Alcuni hanno visto il vestito blu, mentre altri lo hanno visto dorato. Le persone vedono i colori in modo diverso, quindi è essenziale che il vostro sito web utilizzi la giusta combinazione di colori per evitare che alcune persone non riescano a visualizzare i vostri contenuti.
Se non siete sicuri di come utilizzare le combinazioni di colori corrette, potete utilizzare molti strumenti utili, come Contrast Checker o WebAIM.
4. Utilizzare le intestazioni
Per strutturare i contenuti in modo accessibile, è necessario utilizzare con attenzione le intestazioni. In WordPress è possibile selezionare facilmente i contenuti o i titoli e assegnare le intestazioni H1, H2, H3, H4, H5 e H6.
Intestazioni chiare non solo aiutano tutti i visitatori del sito a capire come sono strutturati i contenuti, ma anche gli screen reader possono interpretare le pagine in modo molto più semplice.
Si dovrebbe utilizzare una sola intestazione H1 per pagina, che di solito è il titolo della pagina. I sottotitoli possono iniziare da H2 e proseguire con H3, H4 e così via. È necessario seguire la struttura delle intestazioni in ordine, quindi l’H3 dovrebbe sempre seguire un H2, piuttosto che un H4, e così via.
5. Design della forma
Se il vostro sito web contiene dei moduli, questi devono essere progettati con attenzione. Ogni modulo deve essere chiaramente etichettato accanto ai rispettivi campi. Uno screen reader sarà quindi in grado di interpretare chiaramente il modulo e i relativi campi, facilitandone la compilazione.
Se il modulo richiede istruzioni, queste devono essere chiare e di facile comprensione. Per gli utenti che stanno creando il loro sito web in WordPress, è possibile creare moduli accessibili utilizzando un plugin chiamato Caldera Forms Builder. Questo plugin si concentra sull’accessibilità.
6. Tabelle
Le tabelle sono molto utili per visualizzare grandi quantità di dati. Le persone che utilizzano tecnologie assistive possono trarre beneficio dai tavoli se questi vengono utilizzati correttamente. È importante che le tabelle siano il più semplici possibile, per non complicare eccessivamente il loro scopo o confondere gli screen reader.
Se il vostro sito web richiede tabelle più complesse, potete seguire il tutorial di W3 su come codificare una tabella secondo gli standard di accessibilità.
7. Testo scalabile
La maggior parte dei dispositivi con cui si visita un sito web, come smartphone, PC o tablet, consente di ridimensionare il testo. Per chi ha problemi di vista, questo è estremamente utile. Tuttavia, se il vostro sito web non è costruito per supportare questa funzione, sarà difficile per gli utenti interagire con il vostro sito web.
Quando costruite il vostro sito web, dovete assicurarvi che la scalabilità degli utenti sia attivata. Se è disattivato, sarà quasi impossibile per gli utenti ridimensionare il testo.
Evitando unità assolute come le dimensioni definite del testo, è possibile rendere il sito web scalabile. Potete verificarlo voi stessi zoomando il sito sul vostro browser per controllare che il contenuto sia facile da leggere e navigabile. WebAIM ha creato una guida molto utile per discutere le dimensioni dei caratteri per il vostro sito web.
8. Contenuti accessibili
I contenuti del vostro sito web sono l’elemento centrale del vostro sito. Quando create i vostri contenuti, dovete avere sempre in mente l’accessibilità. Ad esempio, se scrivete un acronimo come WWW, spiegate che cosa è in realtà questo acronimo: World Wide Web.
Il testo di ancoraggio dei link interni o esterni deve essere descrittivo, assicurandosi che tutte le descrizioni siano uniche. Se vi trovate in difficoltà con questo concetto, immaginate un computer che legge i contenuti del vostro sito web e pensate se per una persona che li recepisce a livello di base abbiano senso.
9. Supporti automatici
Se da un lato si tratta di una mia frustrazione personale, dall’altro è un problema di accessibilità. Non c’è niente di più frustrante di un video o di un brano musicale che inizia a essere riprodotto non appena si carica un sito web.
Se qualcuno utilizza uno screen reader, è incredibilmente difficile disattivare la riproduzione automatica dei contenuti multimediali. Le persone con problemi sensoriali potrebbero essere scoraggiate o addirittura spaventate dal rumore improvviso, quindi se si desidera includere i media è necessario chiedere il permesso o avvisare l’utente che ciò sta per accadere.
I caroselli e gli slider conferiscono indubbiamente un aspetto gradevole a un sito web, ma anche in questo caso possono causare frustrazione agli utenti con problemi di accessibilità. Se uno screen reader legge il contenuto di un cursore e passa alla diapositiva successiva, l’utente non ha molto tempo per assorbire il contenuto.
L'accessibilità del sito web è importante
In conclusione, l’accessibilità del web è importante per il successo di un sito web e per un sito che risponda alle esigenze di tutti. Creare un sito web utilizzabile da molte persone non è solo un bene per loro, ma può giocare a vostro favore in termini di SEO.
Quando il vostro sito web si posiziona meglio, ottenete più traffico e un aumento delle conversioni. Certo, può essere frustrante dover correggere i propri errori, ma se riuscite a ottimizzare il vostro sito web per l’accessibilità, ne raccoglierete i frutti.