# Comprobador de texto alt de imágenes

https://rankproof.eu/es/tools/seo-image-alt

## Respuesta breve

Encuentra imágenes sin texto alt y comprueba los atributos alt existentes.

## Qué hace

Escanea cada `<img>` de la página y valida la presencia de texto alternativo, el marcado de imágenes decorativas mediante `alt=""` vacío, y los patrones de alt igual al nombre de archivo (texto alternativo que solo repite el nombre del archivo de imagen). Devuelve una lista de las imágenes que necesitan atención.

## Cómo funciona

1. Introduce la URL de una página o pega su HTML
2. Leemos cada elemento `<img>` y su atributo alt del HTML
3. Aplicamos reglas de calidad: alt ausente, alt vacío (decorativo) y alt igual al nombre de archivo
4. Devolvemos la cobertura de texto alternativo y una lista de las imágenes sin un alt adecuado

## Ejemplo de entrada y salida

ENTRADA

```text
url: https://rankproof.eu/tools
```

SALIDA

```text
imágenes: 18
  con alt: 17                         OK
  alt vacío (decorativo): 1           OK
  sin alt: 0                          OK
  filename-as-alt: 0                  OK

Cobertura: 100%
```

## Por qué importa

El texto alternativo es cómo los usuarios de lectores de pantalla saben qué muestra una imagen, y el criterio WCAG 1.1.1 exige una alternativa textual para cada imagen significativa. Google también usa el texto alternativo, junto con el contenido que rodea a la imagen, para entenderla en Google Imágenes. Un texto alternativo ausente hace fallar al primer grupo y deja al segundo con menos información.

## Quién lo usa

- **Gestor de comercio electrónico**: Revisa las páginas de producto en busca de imágenes sin texto alternativo o con el nombre del archivo como alt, un valor por defecto habitual en catálogos.
- **Auditor de accesibilidad**: Revisa la cobertura de texto alternativo del criterio WCAG 1.1.1 página por página y enumera cada imagen sin atributo alt.
- **Editor de contenidos**: Revisa cada página que publicas para detectar imágenes subidas sin texto alternativo antes de que se acumulen.

## Preguntas frecuentes

### ¿Cuándo debe estar vacío el texto alternativo?

Para imágenes decorativas que no aportan valor informativo (patrones de fondo, separadores). Usa `alt=""` para que los lectores de pantalla las omitan. Nunca omitas el atributo por completo.

### ¿Qué hace bueno a un texto alternativo?

Una frase breve que describe lo que muestra la imagen y por qué está ahí. Evita "imagen de" o "foto de", y usa una palabra clave solo donde describa realmente la imagen.

### ¿Cómo usa Google el texto alternativo?

Google usa el texto alternativo, junto con el contenido de la página, para entender qué muestra una imagen, lo que le ayuda a mostrarla en Google Imágenes. Los asistentes de IA que leen una página pueden usarlo del mismo modo.

### ¿Qué pasa con los pies de foto?

Los pies de foto (`<figcaption>`) complementan al texto alternativo pero no lo sustituyen. Ambos deberían describir la imagen; el alt es para lectores de pantalla, el pie de foto es para usuarios videntes.

## Herramientas relacionadas en Análisis SEO

- [Comprobador de título y meta descripción](https://rankproof.eu/es/tools/seo-meta-title)
- [Comprobador de encabezados](https://rankproof.eu/es/tools/seo-heading-tags)
- [Comprobador de URL canónica](https://rankproof.eu/es/tools/seo-canonical-url)
- [Analizador de Robots.txt](https://rankproof.eu/es/tools/seo-robots-txt)
- [Generador de robots.txt](https://rankproof.eu/es/tools/seo-robots-txt-generator)
- [Comprobador de sitemap](https://rankproof.eu/es/tools/seo-sitemap)
