Imágenes en HTML – III: Un texto alternativo

Hagamos balance de la situación: ya sabemos referenciar imágenes en nuestra página web con el elemento <img> y el atributo src, así como la conveniencia de indicar su tamaño para facilitar el trabajo al navegador.

Hay ocasiones en las que, por determinadas circunstancias, no se descargan las imágenes. Quizás apunten a un fichero inexistente, o puede que hayamos desactivado su descarga para agilizar la carga de la página. O tal vez estemos empleando un navegador en modo texto como Lynx. En esos casos sería muy práctico, a pesar de todo, poder hacernos una idea de cuál es el contenido de la imagen.

Para ello disponemos del atributo alt, al que le facilitamos, entre comillas, un breve texto alternativo describiendo la imagen.

Por ejemplo, he aquí la oveja experta:

<img src="expertahtml.jpg" alt="La oveja experta en HTML" height="283" width="213" />

El texto alternativo indicado en alt aparecerá en el caso de que no se llegue a cargar la imagen.

En algunos navegadores antiguos ese texto se mostraba incluso en imágenes cargadas cuando situábamos el ratón encima de ellas, pero debes saber que eso no es lo que determina la especificación.

Acostúmbrate a usar siempre el atributo alt cuando trates con imágenes. No sólo harás tu página más funcional, sino que, además, será mejor valorada por los buscadores. De hecho, si quieres escribir código XHTML estricto, se trata de una exigencia absoluta.

Naturalmente, hay situaciones en las que no es deseable facilitar un texto alternativo. Si tienes gráficos asociados al diseño estructural de la página como, por ejemplo, las viñetas previas a un menú, no aporta nada, y es incluso molesta, la presencia de texto alternativo. En estos casos, para cumplir con las exigencias de XHTML, bastaría con facilitar al argumento alt una cadena de texto vacía, alt="".

Javier Montero Gabarró


Fecha de última actualización: 20 de abril de 2012


Imágenes en HTML – III: Un texto alternativo


El texto de este artículo se encuentra sometido a una licencia Creative Commons del tipo CC-BY-NC-ND (reconocimiento, no comercial, sin obra derivada, 3.0 unported)


El Club del Autodidacta

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies