Uno dei modi più semplici per rendere più accessibile il tuo sito web è usare un attributo alt nei tag immagine. È incredibile per me quante persone dimenticano di usare questo semplice attributo. In effetti, ora, se vuoi scrivere XHTML valido, l'attributo alt è richiesto per il tag img. Eppure la gente continua a non farlo.
L'attributo ALT
L'attributo alt è un attributo del tag img ed è pensato per essere un alt ernativo per i browser non visuali quando si imbattono in immagini. Ciò significa che il testo deve essere utilizzato quando l'immagine non è visibile sulla pagina. Invece, ciò che viene visualizzato (o letto) è il testo alternativo.
Molti browser visualizzano anche il testo alternativo quando il cliente appoggia il mouse sull'immagine. Ciò significa che il testo deve essere chiaro e facile da leggere e non creare un enorme incubo popup per qualsiasi lettore che metta il mouse in pausa sulla pagina. Aggiungere testo alternativo è semplice, basta usare l'attributo alt sull'immagine. Ecco alcuni suggerimenti per scrivere tag alt:
Sii breve
Alcuni browser si interromperanno se il testo alternativo è troppo lungo. E mentre potrebbe sembrare bello descrivere ciò che è esattamente nell'immagine, non è questo lo scopo del tag alt. Invece, dovrebbe essere riempito con esattamente le parole necessarie per mettere l'immagine nel contesto e non di più
Essere chiaro
Non essere così breve che il contesto sia confuso. Ricorda, alcune persone vedranno SOLO il testo nei tuoi tag alt, quindi se è troppo breve potrebbero non capire cosa stai cercando di mostrare loro. Per esempio:
- Un albero: buono
- Un albero di sicomoro: meglio
- Un albero di sicomoro alto 10 piedi con foglie prevalentemente marrone e forse qualcosa di sbagliato nella sua corteccia: troppo
Sii contestuale
Non descrivere l'immagine se deve essere vista nel contesto. Ad esempio: se hai un'immagine del logo aziendale, devi scrivere "Nome azienda" e non "Logo nome azienda".
Non visualizzare le attività interne del tuo sito
Se stai inserendo immagini spaziali, usa uno spazio per il tuo testo alternativo. Se scrivi "spacer.gif", semplicemente richiama l'attenzione sul sito, piuttosto che fornire informazioni utili. E tecnicamente, se stai cercando di scrivere XHTML valido, dovresti usare CSS piuttosto che immagini spaziali, quindi potresti anche lasciare il testo alt fuori da quelle immagini.
Sii consapevole del motore di ricerca
Se disponi di un testo alternativo buono, conciso e chiaro, questo può effettivamente aiutare il tuo posizionamento nei motori di ricerca, poiché le immagini sulla tua pagina promuovono e migliorano le tue parole chiave.
Non utilizzarlo solo per l'ottimizzazione dei motori di ricerca
Molti siti pensano che se usano alt text come strumento SEO, possono "ingannare" i motori di ricerca per ottimizzare il loro sito per una parola chiave che non hanno lì. Tuttavia, questo può ritorcersi contro se il motore di ricerca decide che stai cercando di falsificare i tuoi risultati e ti rimuove completamente dai risultati.
