Texto alternativo Imágenes
Widget Texto: Texto Alternativo de las Imágenes
Con el widget de texto podemos completar el campo "Descripción de la imagen" para añadir un texto alternativo a la imagen.
Cuando la imagen no esta disponible, el navegador muestra el texto alternativo.
El texto alternativo es leido por los lectores de pantalla y buscadores web.
La Descripción de la imagen "El piloto del módulo lunar Apollo 15, James Irwin, saluda la bandera de los Estados Unidos" es el texto alternativo de la imagen (atributo alt HTML)
La información al pie de foto complementa la información sobre la imagen.
Apolo 15. Fecha 2 de agosto de 1971
El astronauta James B. Irwin, piloto del módulo lunar, hace un saludo militar mientras está parado al lado de la bandera estadounidense desplegada durante la actividad extravehicular (EVA) de la superficie lunar del Apolo 15 en el sitio de aterrizaje de Hadley-Apennine. La bandera se desplegó hacia el final de EVA-2. El módulo lunar "Falcon" es parcialmente visible a la derecha. Hadley Delta en el fondo se eleva aproximadamente 4000 metros (aproximadamente 13124 pies) sobre la llanura. La base de la montaña se encuentra a aproximadamente 5 kilómetros (aproximadamente 3 millas terrestres) de distancia. Esta fotografía fue tomada por el astronauta David R. Scott, comandante del Apolo 15.
Descripción original de la NASA (de http://nix.larc.nasa.gov).
Imágenes funcionales
Imágenes utilizadas no solo para presentar contenido, sino para proporcionar alguna funcionalidad, como por ejemplo, navegación (imagen dentro de un enlace).
Cuando usamos imágenes que proporcionan funciones (imágenes links...) debemos tener en cuenta que, ademas de proporcionar un texto alternativo de la imagen, debemos indicar su función (por ejemplo, el título de la página con la que enlaza). De esta manera el usuario conoce el propósito del enlace antes de clicar en él.
Podemos encontrarnos con varios casos:
1. Solo imagen, sin texto, dentro del enlace
a. El texto alternativo coincide con la función de la imagen (enlace).
Sólo es necesario el texto alternativo (campo descripción de la imagen) para describir la imagen y su función.
El texto alternativo es "Biblioteca Nacional de España" y dado que enlaza con la Biblioteca Nacional de España no es necesario repetir el texto en el propósito del enlace (campo título del enlace o atributo "title")
b. El texto alternativo no coincide con la función de la imagen
Es necesario el texto alternativo (campo descripción de la imagen "alt") para describir la imagen y tambien el texto que indica dónde nos lleva el enlace (campo título del enlace "tittle").
En este caso el texto alternativo "Portada de la primera edición de la primera parte de El ingenioso hidalgo don Quixote de la Mancha" no coincide con el destino del enlace (Entrada de Miguel de Cervantes en Wikipedia). Es necesario insertar el texto alternativo de la imagen y también el propósito del enlace: texto "Miguel de Cervantes. Wikipedia" en el campo título del enlace (atributo "title" del enlace). Este texto se mostrará cuando situamos el cursor sobre la imagen.
Descripción de la imagen (atributo alt). Este es el texto que mostrará el navegador cuando la imagen no esté disponible.
Título del enlace (atributo tittle). Este texto se mostrará cuando situamos el cursor sobre la imagen.
2. Imagen y texto dentro del enlace
Cuando el texto del enlace coincide con el texto alternativo podemos usar el atributo "alt" vacio (campo descripción vacío) para evitar redundancia.
La imagen y el texto están dentro del enlace y podemos usar el atributo "alt" vacio porque queda claro que la imagen es de Pablo Picasso y enlaza con la entrada de Pablo Picasso.
Imágenes de texto
Cuando una imagen contiene sólo texto, el texto que muestra puede usarse como texto alternativo.
Imágenes de fondo
No es posible añadir texto alternativo en las imágenes de fondo. Las imágenes que transmitan contenido, por normal general, no deberían ponerse como fondo de páginas. Las imágenes de fondo pueden usarse como imágenes decorativas.
Logotipos
Una práctica común en la web es tener el logo del sitio web como enlace a la página principal. Poner como texto alternativo de la imagen el nombre de la compañía será suficiente (alt="Universidad Complutense de Madrid").