description
¿Qué es el atributo alt?
check_circle
Proporciona una descripción textual de la imagen
check_circle
Se muestra cuando la imagen no puede cargarse
check_circle
Leído por lectores de pantalla
stars
Beneficios
accessibility
Mejora la accesibilidad web
search
Optimiza el SEO (posicionamiento)
signal_cellular_off
Útil con conexiones lentas o sin imágenes
Ejemplos de código:
<img src="paisaje.jpg" alt="Montañas nevadas al amanecer">
Imagen informativa con descripción detallada
<img src="decoracion.jpg" alt="">
Imagen decorativa (alt vacío)
image
Informativas
Descripción clara y concisa del contenido visual
Ej: "Perro corriendo en el parque"
format_paint
Decorativas
No aportan información relevante
Usar alt="" (vacío)
Buenas prácticas:
priority_high
Sé descriptivo pero conciso
priority_high
No uses frases como "Imagen de..."
priority_high
Describe la información importante
priority_high
Usa alt="" para imágenes decorativas
lightbulb
Consejo
Describe la imagen de forma clara pero concisa. Piensa: ¿qué información perdería el usuario si no viera la imagen?