priority_high
¿Por qué es crucial?
Accesibilidad
Permite que lectores de pantalla describan imágenes a usuarios con discapacidad visual
SEO
Los motores de búsqueda utilizan el texto alternativo para indexar imágenes
Conexiones lentas
Muestra información cuando las imágenes no cargan o están desactivadas
lightbulb
Buenas prácticas
check_circle
Sé descriptivo pero conciso (máximo 125 caracteres)
check_circle
Incluye contexto relevante de la imagen
check_circle
Evita frases como "Imagen de..." o "Foto de..."
format_quote
Cuándo usar texto alternativo
arrow_right
Imágenes informativas - descripción completa
<img src="logo.jpg" alt="Logo de la empresa ABC">
arrow_right
Imágenes decorativas - alt vacío
<img src="borde.jpg" alt="">
arrow_right
Imágenes funcionales - describir la función
<img src="busqueda.png" alt="Buscar">
arrow_right
Imágenes complejas - descripción breve + longdesc
<img src="grafico.jpg" alt="Ventas 2022" longdesc="detalles.html">
warning
Errores comunes a evitar
cancel
No usar imágenes para texto importante
cancel
No repetir información ya presente en el texto
cancel
No omitir el atributo alt en imágenes informativas
cancel
No usar texto demasiado largo o demasiado corto