Come si inserisce l'alternativa testuale per le immagini?

Utente HTML.it
chiede

Come si inserisce l'alternativa testuale per le immagini?

Redazione HTML.it
risponde

Ipotizzando di avere un immagine raffigurante grafico delle vendite del 2005 l’alternativa testuale di tale grafico deve far trasparire tutte le informazioni di rilievo per poterlo comprendere.

Figura 1. Grafico Vendite
Grafico Vendite

L’alternativa testuale di un immagine in HTML o XHTML si distingue su tre proprietà del marcatore IMG:

  1. Title: il titolo dell’immagine.
  2. Alt: il testo alternativo (breve) che descrive discorsivamente l’immagine o nelle sue forme/contenuti (es: fotografie) o nei suoi dati (es: grafici).
  3. Longdescr: l’indirizzo ad una pagina web che descrive approfonditamente l’immagine

Nel nostro esempio il codice di marcatura sarebbe:

<img src=”grafico.png” title=”grafico vendite 2005 del prodotto A” alt=”nell’anno 2005
il prodotto ha venduto nel Nord Italia 20 pezzi, nel centro 20 pezzi, nel sud 30
pezzi” longdescr=”tabellagraficovendite.html” />

In questo caso il longdescr risulta opzionale ma se fatto potrebbe contenere una tabella in xhtml contenente i dati del grafico vendite.