Che cos’è l’accessibilità?
L’accessibilità nel web è definita come la pratica che consente al maggior numero di persone di utilizzare il tuo sito web. Spesso si crede che l’accessibilità riguardi solo le persone che soffrono di una disabilità, ma in realtà l’accessibilità è un concetto molto più vasto importante anche per altri gruppi di persone, come coloro che usano dispositivi mobili o chi naviga in internet con una connessione lenta, alcuni temi infine si sovrappongono con l’ottimizzazione seo.
L’accessibilità è un argomento vasto e difficile. Il rispetto di queste pratiche di progettazione è percepito come un ostacolo alla creatività. Rigide imposizione che sembrano trasformare un progetto esteticamente accattivante in qualcosa di noioso e scialbo privo di qualsiasi appeal, un sito come tanti insomma.
Quello che però quasi tutti sottovalutano è che il design accessibile aiuta tutti. Migliora l’esperienza utente non solo per le persone con disabilità, ma anche per chi ha meno dimestichezza con il mondo del web. E, poi, dal punto di vista del gestore del sito, l’accessibilità è un fattore determinante anche per il miglioramento del ROI e del funzionamento del sito stesso.
Le Linee guida sull’accessibilità dei contenuti Web (WCAG) sono molte e qui puoi trovare la loro traduzione in italiano.
Oggi però andrò ad analizzare un aspetto molto semplice, ma molto importante da integrare nel proprio e-commerce ma che tutti in molti tralasciano, l’accessibilità delle immagini.
Come rendere le immagini accessibili alle persone
Le immagini sono parte integrante e fondamentale di qualsiasi sito Web. Possono focalizzare l’attenzione di un lettore, illustrare un punto, fornire informazioni e molto altro. Quando si pubblicano immagini sugli e-Commerce, c’è comunque un fattore che non si può ignorare: l’accessibilità.
Alcuni utenti potrebbero non essere in grado di vedere le immagini sul tuo store digitale. Potrebbero utilizzare browser che non può visualizzare le immagini o avere una connessione lenta, o in ultimo alcune persone potrebbero avere una disabilità che impedisce loro di vedere fisicamente un’immagine. Ecco perché è importante che il tuo sito Web sia accessibile a tutti.
La maggior parte di noi non ci pensa, pubblica di un’immagine senza una descrizione o didascalia di accompagnamento, lo ritiene superfluo ed una perdita di tempo. Questo è un errore abbastanza grave. Ma spesso il mondo reale è lastricato di difficoltà e non è raro che un immagine non si riesca caricare, in questo caso il nostro potenziale cliente si troverebbe davanti ad un cornice vuota priva di significato. L’accessibilità sopperisce a questi problemi fornendo valide soluzioni.
Il tag Alt nelle immagini (alt-text)
Il tag Alt è il codice html che se aggiunto a un immagine permette di specificare un testo alternavo da visualizzare in caso di sua assenza o al passaggio del mouse. Con l’aiuto del testo alternativo, qualsiasi browser fornirà un contenuto valido ad un utente incapace di visualizzarla.
Nell’esempio qui sotto puoi vedere come comporre il codice html in modo corretto. Non è molto complicato e il risultato è subito visibile quando ci si sofferma qualche instante sopra l’immagine.
Non è necessario includere tutti i dettagli e puoi evitare di fornirlo per le immagini decorative.
Tuttavia, le informazioni cruciali devono essere precisate nel testo alternativo.
<img src = “scarpasneaker.jpg” alt = “Sneaker bassa nera”>
Perché è importante rendere le immagini accessibili?
Le immagini rendono i contenuti più attraenti e più comprensibili per molti utenti.
Servono come spunti per le persone per orientarsi durante la navigazione del contenuto di una pagina Web ma senza l’accessibilità, le immagini possono diventare una barriera alla comunicazione per alcune categorie di utenti con disabilità.
Le immagini accessibili sono utili per:
-
Lettori dello schermo
Il testo alternativo può essere letto. -
Software di input vocale
Gli utenti possono mettere a fuoco un pulsante o un’immagine collegata con un comando vocale. -
Ottimizzazione per i motori di ricerca (SEO)
I motori di ricerca indicizzano le immagini e il tuo sito Web ottiene un posizionamento più elevato.
Rendi i tuo e-commerce accessibile oggi
Un paio di consigli che mi sento ancora di darti: il primo se l’immagine è puramente decorativa, fornisci almeno alt-text null (alt = “”);
il secondo, evita di inserire il testo nelle immagini, se questo è impossibile, assicurati che questo testo sia ripetuto nel testo alternativo.
Scrivere testo alternativo non è poi così difficile. Molti sistemi di gestione dei contenuti (CMS) o piattaforme e-Commerce li creano in modo automatico e li suggeriscono.
Sei sicuro quindi che tutte le immagini sul tuo sito Web siano fruibili dai tuoi visitatori?
Contattaci e renderemo il tuo sito più accessibile.
Commenti recenti