¿Qué es un atributo alternativo?
Un atributo alt es un comando adjunto asociado con ciertas etiquetas HTML y XHTML diseñado para proporcionar una forma de asociar texto alternativo con dichas etiquetas. El uso más común de este atributo está en la etiqueta img con el fin de subtitular gráficos. Algunas personas llaman a esto una etiqueta alt, pero esto no es exacto porque no es una etiqueta html. El término "etiqueta" tiene un significado distinto en el diseño web que se refiere a los comandos entre paréntesis angulares que hacen el marcado real en HTML. El atributo alt utiliza la siguiente sintaxis:
<img alt = "text" src = "URL de origen">
<area alt = "texto alternativo">
<input alt = "mensaje de campo de texto">
La etiqueta img es solo una de varias etiquetas que aceptan el atributo alt. Otras etiquetas son "área" y "entrada". La etiqueta img muestra una imagen. La etiqueta de área muestra un enlace en un mapa de imagen, y el atributo alt proporciona el texto de anclaje para el enlace. Una etiqueta de entrada le dice al navegador web que muestre un campo de texto y usa el texto alternativo para proporcionar la solicitud asociada.
Las descripciones de los gráficos han sido históricamente uno de los usos más comunes del atributo alt. Esto ha sido especialmente útil para las personas con discapacidad visual, que usan software para leer la pantalla que no es capaz de interpretar una imagen. El objetivo principal de este atributo es proporcionar un título en lugar de describir la imagen asociada. Un ejemplo de texto alternativo adecuado sería "George Washington sufrió muchas dificultades como General durante la guerra revolucionaria". Las descripciones de imágenes reales son el trabajo del atributo del título.
Los motores de búsqueda hacen uso del texto proporcionado en el atributo alt. Si una página web se compone única o principalmente de imágenes, la araña del motor de búsqueda puede rastrear la página a pesar del hecho de que las imágenes en sí mismas son inútiles para las arañas del motor de búsqueda. El atributo alt se requiere para la etiqueta img en versiones posteriores de HTML, pero algunos desarrolladores web no ponen nada entre las comillas. Esto no aprovecha una oportunidad para una mejor optimización de motores de búsqueda.
Los navegadores web más antiguos representaban el atributo alt como información sobre herramientas, por lo que los desarrolladores web lo usaron incorrectamente para realizar la tarea de una información sobre herramientas, que era proporcionar información adicional sobre una imagen, como una descripción. Las versiones más recientes han corregido este problema. El atributo de título ahora se usa para este propósito, y el texto de este atributo se puede ver al pasar el mouse sobre una imagen o enlace.
Los navegadores web que no pueden mostrar imágenes muestran el texto alternativo. Los navegadores más antiguos siempre hacen esto, pero es posible configurar versiones más recientes para mostrar el texto alternativo solo en lugar de la imagen. Esto sirve para ahorrar ancho de banda porque el navegador no tiene que cargar la imagen.