Definición de Texto alternativo (atributo html)
Texto alternativo (también conocido como ALT text o texto secundario) es un atributo de HTML que proporciona una descripción textual a elementos no textuales, principalmente imágenes, aunque también se utiliza en otros elementos multimedia como gráficos, videos o iconos. Este texto se muestra en lugar del elemento visual cuando no puede ser cargado o visualizado por el navegador, y es leído por los lectores de pantalla utilizados por personas con discapacidades visuales.
Por ejemplo, el siguiente código HTML utiliza el atributo alt en una imagen:
<code><img src="logo.png" alt="Logotipo de la empresa Alegsa"></code>
En este caso, si la imagen no se muestra, el texto "Logotipo de la empresa Alegsa" aparecerá en su lugar.
El texto alternativo es fundamental para:
- Accesibilidad: Permite a personas con discapacidades visuales comprender el contenido de la página mediante lectores de pantalla.
- SEO: Mejora el posicionamiento en buscadores, ya que los motores de búsqueda como Google utilizan esta información para indexar y clasificar el contenido visual.
- Usabilidad: Proporciona información a usuarios que navegan con imágenes deshabilitadas o en navegadores de solo texto.
- Contexto: Brinda detalles sobre el propósito de la imagen, especialmente cuando esta funciona como enlace o elemento interactivo.
Ventajas:
- Mejora la accesibilidad y la experiencia de usuario para todos.
- Contribuye al cumplimiento de normativas y estándares de accesibilidad, como las WCAG 2.1 (Web Content Accessibility Guidelines).
- Optimiza el SEO al describir el contenido visual para los motores de búsqueda.
Desventajas:
- Si se utiliza de manera incorrecta (por ejemplo, con descripciones irrelevantes o excesivamente largas), puede confundir a los usuarios y afectar la accesibilidad.
- El abuso de palabras clave en el texto alternativo puede ser penalizado por los motores de búsqueda.
Comparación: A diferencia del atributo title en HTML, que muestra información adicional al pasar el cursor sobre un elemento, el atributo alt está diseñado específicamente para la accesibilidad y la sustitución de contenido visual ausente. El texto title no es leído por la mayoría de los lectores de pantalla, mientras que el alt sí lo es.
Resumen: Texto alternativo
El texto ALT es una descripción que acompaña a imágenes y otros elementos no textuales en una página web. Es esencial para la accesibilidad, el SEO y la usabilidad, y se recomienda su uso en todos los elementos visuales relevantes.
¿Por qué es importante incluir texto alternativo en las imágenes de un sitio web?
El texto alternativo es clave para que las personas con discapacidades visuales puedan acceder a la información visual, ya que los lectores de pantalla leen este texto en lugar de mostrar la imagen. Además, ayuda a los motores de búsqueda a comprender el contenido de la imagen, mejorando el posicionamiento del sitio web.
¿Cómo se debe escribir un buen texto alternativo?
Un buen texto alternativo debe ser claro, conciso y relevante, describiendo el contenido y la función de la imagen en pocas palabras. Por ejemplo, para una imagen decorativa, se puede dejar el atributo vacío (
alt=""), mientras que para una imagen informativa se debe incluir una descripción precisa, como alt="Mapa del clima mundial en junio de 2024".¿Es necesario agregar texto alternativo en todas las imágenes de mi sitio web?
Sí, es recomendable incluir texto alternativo en todas las imágenes. Para imágenes decorativas que no aportan información relevante, se debe utilizar
alt="" para que los lectores de pantalla las ignoren.¿Hay alguna regla para la longitud del texto alternativo?
No existe una longitud exacta, pero se recomienda que el texto alternativo no supere los 125 caracteres. Esto garantiza su legibilidad en dispositivos móviles y su correcta interpretación por lectores de pantalla.
¿El texto alternativo es visible en la página?
El texto alternativo solo se muestra si la imagen no se carga correctamente o si el usuario utiliza tecnologías de asistencia. No aparece como un cuadro flotante al pasar el cursor por encima; esa función corresponde al atributo title.
¿Puede el texto alternativo ayudar a mejorar la comprensión de la página?
Sí, el texto alternativo enriquece la comprensión del contenido para todos los usuarios, especialmente para quienes utilizan lectores de pantalla o no pueden ver las imágenes. Además, ayuda a los motores de búsqueda a entender mejor los temas tratados en la página, contribuyendo a una mejor clasificación en los resultados de búsqueda.
Autor: Leandro Alegsa
Actualizado: 11-07-2025
¿Cómo citar este artículo?
Alegsa, Leandro. (2025). Definición de Texto alternativo. Recuperado de https://www.alegsa.com.ar/Dic/texto_alternativo.php
