Un attributo alt è un comando di accompagnamento associato a determinati tag HTML e XHTML progettato per fornire un modo per associare testo alternativo a detti tag. L’uso più comune di questo attributo è nel tag img allo scopo di sottotitolare la grafica. Alcune persone lo chiamano tag alt, ma questo non è accurato perché non è un tag html. Il termine “tag” ha un significato distinto nel web design riferendosi ai comandi tra parentesi angolari che eseguono il markup effettivo in HTML. L’attributo alt utilizza la seguente sintassi:
Il tag img è solo uno dei tanti tag che accettano l’attributo alt. Altri tag sono “area” e “input”. Il tag img visualizza un’immagine. Il tag area visualizza un collegamento in una mappa immagine e l’attributo alt fornisce il testo di ancoraggio per il collegamento. Un tag di input indica al browser Web di visualizzare un campo di testo e utilizza il testo alternativo per fornire il prompt associato.
Le descrizioni dei grafici sono state storicamente uno degli usi più comuni dell’attributo alt. Ciò è stato particolarmente utile per le persone ipovedenti, che utilizzano software per leggere lo schermo che non sono in grado di interpretare un’immagine. Lo scopo principale di questo attributo è fornire una didascalia piuttosto che descrivere l’immagine associata. Un esempio di corretto testo alternativo sarebbe “George Washington ha sopportato molte difficoltà come generale durante la guerra rivoluzionaria”. Le descrizioni effettive delle immagini sono il lavoro dell’attributo title.
I motori di ricerca utilizzano il testo fornito nell’attributo alt. Se una pagina web è costituita esclusivamente o principalmente da immagini, lo spider dei motori di ricerca è in grado di eseguire la scansione della pagina nonostante le immagini da sole siano inutili per gli spider dei motori di ricerca. L’attributo alt è richiesto per il tag img nelle versioni successive di HTML, ma alcuni sviluppatori web non mettono nulla tra le virgolette. Questo non riesce a sfruttare un’opportunità per una migliore ottimizzazione dei motori di ricerca.
I browser Web meno recenti rendevano l’attributo alt come tooltip, quindi gli sviluppatori Web lo utilizzavano in modo errato per eseguire l’attività di un tooltip, che doveva fornire informazioni aggiuntive su un’immagine, come una descrizione. Le versioni più recenti hanno corretto questo problema. L’attributo title è ora utilizzato per questo scopo e il testo di questo attributo può essere visto passando il mouse su un’immagine o un collegamento.
I browser Web che non sono in grado di visualizzare le immagini visualizzano invece il testo alternativo. I browser più vecchi lo fanno sempre, ma è possibile configurare versioni più recenti per visualizzare solo il testo alternativo invece dell’immagine. Questo serve allo scopo di risparmiare larghezza di banda perché il browser non deve caricare l’immagine.