Auditar los atributos alt de imágenes (HTML)
Pegue un fragmento HTML para listar todas las etiquetas <img> y comprobar cuáles no tienen atributo alt, o lo tienen pero vacío.
Cómo funciona
El atributo alt describe el contenido de una imagen para los usuarios de lectores de pantalla y para los motores de búsqueda, y se muestra si la imagen no puede cargarse. Una auditoría de accesibilidad o de SEO suele empezar comprobando que ninguna imagen importante carezca de él. Esta herramienta enumera cada imagen encontrada en un fragmento HTML e indica si su atributo alt está ausente, vacío o informado.
¿Un atributo alt vacío (alt="") es un error?
No necesariamente: un alt="" es la buena práctica para las imágenes puramente decorativas (por ejemplo, un borde o un separador visual), ya que indica explícitamente a los lectores de pantalla que las ignoren. El problema es la ausencia total del atributo alt en una imagen con significado.
¿Qué texto alternativo escribir para la imagen de un producto?
Describa lo que muestra la imagen de forma concisa y objetiva, incluyendo si procede el nombre del producto, por ejemplo alt="Zapatilla de running azul, vista de perfil" en lugar de un texto genérico como alt="imagen", que no aporta ningún valor ni para la accesibilidad ni para el posicionamiento.
Procesamiento 100% local: su fragmento HTML nunca se transmite a un servidor, toda la auditoría se realiza en su navegador.