Tutorial:XHTML

Imágenes: texto alternativo (atributo ALT)

Existen otros atributos de gran utilidad para las imágenes. El uso de alt brinda varias ventajas:

1.- En el caso que la imagen no esté disponible se mostrará el mensaje del atributo alt como alternativa.

2.- Cuando se lleve a cabo el proceso de carga de la página, el navegador mostrará esta descripción, lo que hará que el usuario pueda hacerse una idea de qué se está cargando.

3.- Muchos usuarios pueden tener deshabilitado el muestreo de imágenes. Si se les ofrece la información del gráfico podrán saber de qué trata el gráfico y eventualmente cambiar a modo "con imágenes" para visualizarla.

4.- En el caso de la accesibildad también es importante este atributo, pues determinadas aplicaciones para discapacitados (como lectores vocales) leen el contenido de este atributo como alternativa.

5.- Y, finalmente, destacar la importancia de "alt" para el posicionamiento de imágenes en los buscadores. El buscador interpretará y asociará el contenido de "alt" a la imagen en sí. (Anécdota Google).

El formato quedará de la siguiente manera:

<img src="ruta-de-la-imagen" alt="descripción de la imagen"/>