Warning Texto alternativo de imagen — faltante o vacío
Por qué toda <img> necesita un atributo alt, cuándo un alt="" vacío es correcto, y cómo lo usan lectores de pantalla y buscadores.
El validador advierte sobre imágenes sin ningún atributo alt (missing-alt), y por separado marca como informativas las imágenes con un alt="" vacío (empty-alt) — un aviso para confirmar que es intencional, no un error.
Ejemplo
<!-- Imagen con significado: descríbela -->
<img src="grafico.png" alt="Crecimiento mensual de ingresos, +12% interanual">
<!-- Imagen puramente decorativa: alt vacío es correcto -->
<img src="separador-decorativo.png" alt="">Por qué importa
Los lectores de pantalla anuncian el texto alt de una imagen en lugar de la imagen misma — sin atributo alt, algunos lectores de pantalla caen en leer el nombre del archivo ("IMG-4213-final-v2.jpg"), lo cual es peor que inútil. Un alt="" vacío es distinto y correcto para imágenes puramente decorativas: le indica a la tecnología de asistencia que salte la imagen en silencio en vez de anunciar algo sin significado. Los buscadores también usan el texto alt como una de las pocas señales que tienen sobre el contenido de una imagen, algo que alimenta la búsqueda de imágenes.
Frequently asked questions
¿Las imágenes decorativas deberían tener un alt que las describa?
No — usa alt="" (presente pero vacío). Un lector de pantalla lo va a saltar en silencio. Darle a una imagen decorativa una descripción real solo agrega ruido para alguien que navega con lector de pantalla.
¿Qué hace bueno a un texto alternativo?
Describe el contenido o la función de la imagen de forma concisa, como si la transmitieras por teléfono. Evita "imagen de" o "foto de" — el lector de pantalla ya lo anuncia como una imagen. Para una imagen que también es un enlace, describe el destino o la acción del enlace en vez de la foto.