Quando molti sentono la parola accessibilità, pensano al testo "alt" e non a molto altro. La verità è che quando si costruisce un sito web, l'accessibilità deve essere presa in considerazione in ogni fase del processo. Secondo l'OMS (nel 2023) si stima che 1,3 miliardi di persone abbiano una disabilità, pari a 1 persona su 6. Ciò significa che 1 persona su 6 ha una disabilità. Ciò significa che 1 persona su 6 che visita il vostro sito web potrebbe aver bisogno di modifiche all'accessibilità per poterlo leggere o capire. 

Avviso importante:

Dal 28 giugno entrerà in vigore l'EAA (European Accessibility Act), il che significa che la maggior parte dei siti web (in particolare quelli che vendono beni o servizi) dovranno essere legalmente compatibili con gli standard di accessibilità basati sulle WCAG 2.1 Livello AA. Per ulteriori informazioni, visitate il sito Accesso a livello. 

I livelli di accessibilità (WCAG)

WCAG è l'acronimo di Web Content Accessibility Guidelines. Sviluppate dal World Wide Web Consortium per rendere i contenuti digitali più accessibili alle persone con disabilità. 

1. A (Base) - Requisiti minimi (ad esempio, testo alt, navigazione da tastiera).
2. AA (Standard) - Consigliato per la maggior parte dei siti web (ad esempio, contrasto di colori, navigazione chiara).
3. AAA (migliorato) - Il livello più alto, ma non sempre pratico (ad esempio, linguaggio dei segni, opzioni di navigazione multiple).

Perché l'accessibilità è importante?

Immaginate di guardare un sito web e di non riuscire a leggerlo, perché i colori sono un'orribile miscela e le parole sembrano strane. Ora immaginate se ogni sito web che guardate dovesse presentare gli stessi problemi: questo ostacolerebbe seriamente la vostra capacità di utilizzare Internet. Il daltonismo colpisce circa 1 uomo su 12 (8%) e 1 donna su 200. Inoltre, in Gran Bretagna circa 10% sono affetti da cecità. Inoltre, in Gran Bretagna circa 10% della popolazione soffre di dislessia.

Assicurarsi che il proprio marchio e il proprio sito web abbiano colori altamente contrastanti significa che sarà molto più facile leggere per una parte ragionevole dei visitatori del sito. 

Per quanto riguarda il tipo e la dimensione dei caratteri, tuttavia, non esistono linee guida chiare sull'accessibilità. Tuttavia, come regola generale, 16px o più per il testo del corpo è un buon punto di partenza. Cercate di evitare i font più fantasiosi, come i font script come Pacifico o Aragosta (esempio sotto) o in corsivo perché possono essere più difficili da leggere. 

In caso di disabilità come la dislessia, potete ottimizzare il vostro sito scrivendo con voce attiva anziché passiva e mantenendo le frasi concise. Se possibile, evitate anche i paragrafi lunghi e inutili e le "ciance". Utilizzate un testo scuro su uno sfondo che non sia bianco e spezzate regolarmente il testo utilizzando gli H2 e gli H3 per consentire agli utenti di vedere cosa contiene il testo senza leggerlo tutto. Per gli utenti daltonici, evitate colori come il verde, il rosa e il rosso, perché sono i colori più comuni con cui le persone hanno difficoltà.

L'importanza del testo alt

Molti esperti di marketing conoscono il testo ALT (testo alternativo) dal punto di vista della SEO e possono utilizzare lo spazio per inserire parole chiave per aumentare la capacità di scansione delle pagine da parte dei bot dei motori di ricerca. Tuttavia, non molti considerano il fatto che il testo alternativo serve a far sì che i lettori di siti web e di schermi possano leggerlo e dare un contesto alla pagina. In questo modo, le persone che hanno una bassa velocità di internet e quelle che hanno difficoltà a interpretare le immagini possono comunque capire cosa contiene l'immagine, aumentando l'accessibilità del sito web. 

 

Migliori pratiche per il testo Alt. 

Il modo migliore per ottimizzare il testo alt per l'accessibilità (ma anche per la SEO) è scrivere una descrizione chiara dell'immagine e incorporare naturalmente la parola chiave. Per le immagini decorative che non necessitano di parole chiave nel testo alt, non lasciatele vuote. Al contrario, fornite un "Attributo Null", in modo che gli screen reader sappiano che devono ignorare l'immagine.

Esempio di attributo nullo:
<img src="”insertimagetitlehere.jpg”" alt="&quot;&quot;">

 

È buona norma scrivere il testo alt per le immagini importanti, ove possibile. Ad esempio, la vostra parola chiave è "Macbook" e quindi volete scriverla nel testo alt, ma è anche necessario che il testo alt abbia un senso. Inoltre, non bisogna scrivere testo estraneo, il testo alt non deve spiegare che si tratta di un'immagine (ad esempio, la foto contiene l'immagine contiene).

 

Il testo alt per questa immagine dovrebbe essere: "Persona che indossa un maglione giallo e braccialetti d'oro, siede a una scrivania e scrive su Macbook".

 

Applicazioni e componenti aggiuntivi: 

Font aperto per la dislessia

Alcune persone dislessiche utilizzano l'estensione Dislessico aperto di cambiare il carattere del browser con un carattere specificamente progettato per le persone dislessiche. Testando la compatibilità del vostro sito web con questa estensione e costruendolo tenendo conto di questo aspetto, potrete assicurarvi che il vostro sito sia il più possibile accessibile e adatto ai dislessici. 

Colourblindly e Colourcontrast.CC.

Daltonicamente è un'altra estensione di Chrome, che questa volta però simula l'aspetto del vostro sito web per le persone con diversi tipi di daltonismo. Facendo clic sui tipi di daltonismo è possibile vedere come viene visualizzato il sito web in tempo reale. Questo, abbinato a Colore-contrasto.cc è la combinazione perfetta per assicurarsi che il vostro sito web e il branding è il più accessibile possibile. 

 

 

 

Testo Alt AI:

Se avete difficoltà a scrivere il testo alt, esistono strumenti di intelligenza artificiale che possono aiutarvi. Alttext.AI "legge" l'immagine e genera una didascalia appropriata. Assicuratevi di ricontrollare il tutto e di aggiungere la vostra parola chiave (nel modo più preciso possibile) ai fini della SEO. 

 

Altri modi per garantire l'accessibilità del sito web.

• Rendere gli elementi interattivi facilmente individuabili - Questo significa assicurarsi che i link siano di colore diverso e sottolineati e che i pulsanti si distinguano facilmente dallo sfondo. Utilizzate strumenti come Colourcontrast.cc per verificare l'accessibilità dei colori e assicuratevi che siano compatibili. Evitate combinazioni di colori come il grigio e il giallo o il rosa e il rosso.

 

• Assicuratevi che il vostro sito sia accessibile alla tastiera - Alcune disabilità, come la distrofia muscolare, possono rendere difficile l'uso del mouse o del trackpad, per cui gli utenti si affidano alla navigazione da tastiera. Assicurarsi che il sito web possa essere navigato con la tastiera o con altri dispositivi di accessibilità è una considerazione importante quando si sviluppa il sito web. Utilizzando il tasto tabulazione, si dovrebbe arrivare a ogni elemento focalizzabile della pagina web.
  • Gli elementi che dovrebbero essere focalizzabili includono (ma non si limitano a): Invito all'azione Pulsanti, Riassunti e controlli audio e video.

 

• Design per l'uso mobile - Alcune persone hanno difficoltà a usare un computer portatile e si affidano ai cellulari o ai dispositivi touchscreen come gli iPad per navigare nei siti web. Assicurarsi che il proprio sito web abbia un design reattivo e sia ottimizzato per i dispositivi mobili è un ottimo modo per renderlo più accessibile. Tanto più che circa 9 persone su 10 accedono a Internet tramite un dispositivo mobile di qualche tipo. 

 

• Testo di ancoraggio descrittivo. Conosciuto anche come testo di collegamento, il testo di ancoraggio è un testo cliccabile che rimanda a un altro sito o pagina. Assicurarsi che sia descrittivo e chiaro fornisce un contesto agli utenti, in particolare a quelli che utilizzano screen reader o che hanno una bassa velocità di internet e non possono cliccare sul link. 

Avanti e ottimizzate!

Ora avete tutti gli strumenti e le informazioni per capire quanto sia importante l'accessibilità dei siti web. quando progettazione del sito webAssicurarsi di prendere in considerazione il modo in cui tutti gli utenti possono interagire con il vostro sito web può anche aumentare la capacità di navigazione del sito, aumentare la durata della sessione e diminuire il tempo di rimbalzo; una vittoria a tutto tondo. Quando si parla di accessibilità, la perfezione è quasi impossibile. Tuttavia, questo non significa che sia accettabile ammettere la sconfitta al primo ostacolo. Ottimizzate il vostro sito nel miglior modo possibile, tenendo conto di tutti gli aspetti sopra descritti e rimanendo aggiornati sui nuovi modi per ottimizzare il vostro sito per l'accessibilità.