Cómo escribir un buen alt: reglas y ejemplos

Saber que una imagen necesita texto alternativo es la mitad del trabajo; escribirlo bien es la otra mitad. Un buen alt es breve, concreto, adaptado al contexto y no repite lo que ya está en el texto. Esta lección recoge las reglas prácticas, los errores que se repiten en casi todas las auditorías y una batería de ejemplos comentados de distintos sectores.

Reglas de oro

1. Piensa en función, no en apariencia. Pregúntate qué perdería la persona si la imagen no cargara, y escribe eso.
2. Sé breve. Una o dos frases. El lector de pantalla anuncia el alt de corrido, como una sola unidad, y volver a escuchar una parte resulta incómodo. Si necesitas bastante más de 125-150 caracteres, probablemente es una imagen compleja que requiere descripción larga.
3. No empieces con «imagen de» ni «foto de». El lector de pantalla ya anuncia «gráfico» o «imagen». Sí puedes indicar el tipo cuando aporte algo: «Captura de pantalla de…», «Gráfico de barras de…», «Dibujo infantil de…».
4. Adapta al contexto. El mismo retrato en una ficha de equipo («Marta López, directora de comunicación») y en un artículo sobre fotografía («Retrato en blanco y negro con luz lateral dura») necesita textos distintos.
5. No repitas el texto adyacente. Si el pie de foto ya lo dice, la imagen puede ser decorativa o llevar un alt muy breve.
6. Incluye el texto que haya en la imagen. Si hay un cartel, un rótulo o una cifra visible y relevante, va en el alt.
7. Termina con punto. Ayuda a que el sintetizador haga una pausa natural antes del siguiente contenido.
8. Escribe en el idioma de la página y con la misma corrección ortográfica que el resto del texto.

Ejemplos comentados

Errores que se repiten en las auditorías

El alt en los gestores de contenidos y redes

En la práctica, el redactor rara vez escribe HTML. Lo que hace es rellenar un campo:

• WordPress: campo «Texto alternativo» en la biblioteca de medios y en el bloque de imagen. Si lo dejas vacío, WordPress genera alt="" (decorativa), lo que es correcto solo si la imagen lo es.
• Drupal y otros CMS: el campo alt suele poder configurarse como obligatorio. Es una buena política editorial.
• Word, PowerPoint, Google Docs: «Texto alternativo» en las propiedades de la imagen, con una casilla para «Marcar como decorativo». Lo veremos en el curso sobre documentos cotidianos.
• Redes sociales: X, Instagram, Facebook, LinkedIn y Mastodon permiten añadir texto alternativo a cada imagen; en algunas está en «Configuración avanzada».

Una buena práctica editorial es que el alt forme parte de la ficha de cada imagen desde que se encarga o se selecciona, igual que el pie de foto y la autoría. Escribirlo después, en bloque, produce textos peores.

Cómo repartir estas tareas en un equipo, qué pedir al gestor de contenidos y cómo usar con cuidado las propuestas automáticas lo verás en la lección sobre el flujo editorial.

Alt frente a otros atributos

• title: muestra un tooltip al pasar el ratón. No sustituye al alt, no es accesible por teclado y en muchos lectores no se lee. Evítalo o úsalo solo como complemento.
• <figcaption>: pie de foto visible para todo el mundo. Si el pie ya describe la imagen, el alt puede ser breve o vacío para no duplicar.
• aria-label y aria-labelledby: alternativas válidas para SVG o elementos con role="img", pero para <img> el alt es siempre la primera opción.
• longdesc: obsoleto en HTML5; no lo uses.

<figure>
  <img src="inauguracion.jpg"
       alt="La alcaldesa corta la cinta junto a vecinos del barrio">
  <figcaption>Inauguración del centro de salud de Santa Lucía, 12 de marzo de 2026.</figcaption>
</figure>

En la lección siguiente aplicarás estas reglas a los casos que exigen más criterio: personas, productos, obras de arte, capturas y memes.

Resumen

• Función antes que apariencia; una frase; sin «imagen de»; adaptado al contexto; sin repetir el texto adyacente.
• Incluye el texto visible en la imagen si es relevante y termina con punto.
• Errores típicos: nombre de fichero, relleno SEO, alt genérico, alt idéntico en galerías, describir el dibujo en imágenes funcionales.
• Rellena el alt en el campo del CMS o la red social; conviene hacerlo obligatorio en la política editorial.
• title no sustituye al alt; figcaption lo complementa; longdesc está obsoleto.