Durante la progettazione di un sito web, oltre a prestare attenzione ad aspetti chiave come il menu di navigazione, è fondamentale curare tutto ciò che riguarda il tema dell’accessibilità.
Quando si parla di “accessibilità di un sito web” ci si riferisce alla pratica di rendere il sito utilizzabile da tutte le persone, indipendentemente dalle loro capacità o disabilità o dispositivi a disposizione.
Ma non finisce qui! Ottimizzare un sito in termini di accessibilità comporta anche dei benefici in termini SEO (Ottimizzazione per i motori di ricerca).
Approfondiamo insieme l’argomento.
Accessibilità sito web: principi chiave
Un sito web con un livello alto di accessibilità permette a qualunque utente di navigare e godere appieno delle sue funzionalità.
Analizziamo le principali tematiche legate all’accessibilità da tenere sempre in considerazione.
Verificare la scansione delle pagine web
Le persone con disabilità si servono di particolari strumenti per navigare e interagire con un sito ma se le pagine non sono correttamente scansionabili, tali strumenti potrebbero riscontrare dei problemi.
È possibile verificare su Google Search Console quali sono le pagine indicizzabili e scansionabili del proprio sito web.
Usare titoli e intestazioni chiari e diretti
I titoli e le intestazioni (H1, H2, H3 ecc) presenti nelle pagine web devono essere chiari e diretti, in particolare per gli utenti con disabilità che si servono degli screen reader. Oltre per una questione di accessibilità, questi testi sono cruciali dal punto di vista SEO poiché fanno parte dei fattori presi in considerazione da Google.
Agevolare la navigazione con le Breadcrumb
Le breadcrumb o briciole di pane agevolano la navigazione degli utenti fornendo in modo semplice e immediato dei collegamenti verso le pagine che precedono quella visitata.
Questi link, quindi, migliorano l’accessibilità e il posizionamento organico nei motori di ricerca.
Compilare i campi delle descrizioni e dei tag alt (testo alternativo)
Come spiegato nel nostro articolo “Ottimizzazione Immagini SEO: linee guida da seguire”, la descrizione e l’attributo alt sono fondamentali per la SEO ma anche per il tema dell’accessibilità.
In particolare, il testo alternativo appare quando l’immagine non può essere mostrata, ad esempio per via di una connessione lenta, e viene anche usato per aiutare utenti ipovedenti o ciechi a capire il contenuto dell’immagine.
Utilizzare le trascrizioni per contenuti multimediali
Quando viene inserito un contenuto video o audio, bisognerebbe pensare all’utilizzo delle trascrizioni. Fornire una soluzione alternativa testuale è un ottimo modo per incrementare il livello di accessibilità di un sito web.
Creare ancore parlanti
Gli ancoraggi nei siti web sono elementi HTML che permettono di creare collegamenti ipertestuali a specifiche sezioni di una pagina web.
Anche in questa circostanza, giocano un ruolo importante in termini di accessibilità. È bene evitare l’uso di espressioni generiche come “clicca qui” e frasi simili.
Navigare un sito tramite tastiera
Durante lo sviluppo di un sito, il programmatore dovrebbe considerare sempre la possibilità di rendere disponibile la navigazione tramite tastiera per coloro che non possono usufruire dei servizi del mouse. Ovviamente, questo contribuirà a migliorare il posizionamento SEO.
Selezionare caratteri e colori adeguati
Non ci si deve dimenticare dei caratteri e dell’uso corretto dei colori. Utilizzare contrasti di colori particolari o un testo troppo piccolo potrebbe influenzare negativamente l’esperienza di navigazione dell’utente.
Per quanto riguarda i caratteri si consiglia una grandezza di 14/16px e senza grazie (sans-serif) poiché sono generalmente considerati più facili da leggere sugli schermi digitali.
Per i colori, invece, ci deve essere il giusto contrasto tra lo sfondo e il testo. Esistono vari siti che permettono di eseguire dei test, ad esempio Adobe Color.
Testare l’accessibilità di un sito web
Ma quindi, come si può conoscere il punteggio di accessibilità che assegna Google ad ogni sito web?
Tra i vari strumenti gratuiti utilizzabili, vogliamo segnalare PageSpeed Insight.
In questo esempio, la pagina del sito analizzato presenta un punteggio di 81 su dispositivo mobile.
Cliccando poi sulla voce “Accessibilità”, la piattaforma restituirà una serie di informazioni per ottimizzare il sito.
