Glosario · Accesibilidad
Alt text: cómo escribir texto alternativo para imágenes
El atributo
alt de las imágenes HTML, leído por lectores de pantalla y usado por Google para entender de qué trata la foto. Se declara en el HTML:
<img src="foto.jpg" alt="Equipo Garbon Media en oficina de Lleida">Reglas:
- Imágenes informativas: alt descriptivo del contenido ("Gráfico de ventas Q1 2026, +18% respecto Q4 2025")
- Imágenes decorativas:
alt=""(vacío) — indica al lector de pantalla que las ignore - Imágenes funcionales (logo que enlaza a home): alt con la función ("Inicio Garbon Media")
- Nunca dejes alt sin atributo — los lectores de pantalla entonces leen la URL de la imagen
Longitud razonable: entre 50 y 150 caracteres. Si necesitas más, añade una descripción completa aparte (figcaption o texto cercano).
Por qué importa
Alt text bien escrito: accesibilidad real + SEO de imágenes (Google Images es la segunda búsqueda más grande de Google). Una web con alt vacíos en imágenes relevantes pierde tráfico orgánico por Google Images y es inusable con lector de pantalla.
¿Esto aplica a tu web?
En 10 segundos te decimos cómo está tu sitio respecto a los términos del glosario: Core Web Vitals, schema, seguridad, accesibilidad, SEO técnico.