Categoría: Desarrollo
Auditor de texto alternativo de imágenes
Lista cada <img> y marca texto alternativo faltante o poco útil
Pega HTML para listar cada etiqueta <img> y marcar las imágenes sin atributo alt, las imágenes con un alt vacío (válido para imágenes decorativas) y el texto alternativo lo suficientemente largo como para acortarlo. Funciona completamente en tu navegador.
| Origen | Texto alternativo |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (correcto) |
/icon-search.svg | (vacío (correcto si es decorativa)) |
/banner.png | (falta el atributo alt) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (considera acortarlo) |
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
El texto alternativo es lo que permite que un lector de pantalla, o un motor de búsqueda, entienda una imagen, pero es fácil que un atributo faltante o una descripción demasiado larga pasen desapercibidos en una página grande. Esta herramienta lista cada etiqueta <img> encontrada en el HTML pegado junto con su texto alternativo, marca cualquier imagen sin atributo alt en absoluto, señala las imágenes con alt="" vacío como correctas cuando la imagen es decorativa, y destaca el texto alternativo lo suficientemente largo como para valer la pena acortarlo a una descripción más clara.
Cómo se usa
- Pega el HTML de una página o componente en el cuadro de entrada.
- Revisa la lista de imágenes y el estado mostrado junto al texto alternativo de cada una.
- Añade el texto alternativo faltante, confirma que los atributos alt vacíos son intencionales y acorta lo que sea demasiado largo.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Se sube mi HTML a algún sitio?
- No. El documento solo se lee como texto mediante un tokenizador en la pestaña de tu navegador; nada se renderiza, ejecuta ni envía a un servidor.
- ¿alt="" es siempre un error?
- No. Un atributo alt vacío es la elección correcta y recomendada por la especificación para imágenes puramente decorativas, así que esta herramienta lo señala en lugar de tratarlo como un error, a diferencia de un atributo faltante.
- ¿Cuánto es demasiado largo para un texto alternativo?
- No hay un límite estricto, pero un texto alternativo muy largo es una señal aproximada que vale la pena revisar manualmente; esta herramienta marca el texto alternativo de más de unos 125 caracteres como algo a revisar para lograr una descripción más corta y clara.