Objetivo del tutorial
El texto alternativo traduce información visual a texto.
Ayuda a lectores de pantalla y aporta contexto a sistemas que no interpretan la imagen directamente.
Este tutorial explica cómo revisar atributos alt y cómo evitar descripciones vacías, genéricas o engañosas.
Qué mira AISEO en texto alternativo
Imágenes informativas
Comprueba si las imágenes relevantes tienen una descripción útil.
Accesibilidad
Mejora la experiencia de usuarios que no ven la imagen.
Contexto semántico
Ayuda a interpretar el papel visual dentro del contenido.
Decorativas
Permite distinguir imágenes sin valor informativo real.
Cómo interpretar el resultado
Pass
Las imágenes informativas tienen alt claro, breve y alineado con su función.
Warning
Hay alt presente, pero puede ser genérico, repetido o poco descriptivo.
Fail
Faltan atributos alt relevantes o hay imágenes clave sin descripción textual.
Ejemplo técnico orientativo
Una imagen informativa debe describir lo necesario:
<img src="/images/dashboard-aiseo.webp" alt="Panel de AISEO mostrando CertiScore y errores técnicos" >Una imagen puramente decorativa puede llevar alt vacío para no añadir ruido.
Errores frecuentes
- Usar alt vacío en imágenes que explican contenido importante.
- Repetir el mismo texto alternativo en muchas imágenes distintas.
- Escribir descripciones genéricas como imagen, foto o gráfico.
- Rellenar el alt con palabras clave sin aportar descripción real.
Cómo corregirlo
- Describe la función de la imagen dentro de la página.
- Usa alt vacío solo en imágenes decorativas.
- Evita textos largos que repitan el párrafo cercano.
- Revisa logos, iconos, banners, fichas de producto y capturas.