Accesibilidad

Cómo escribir el texto alternativo de imágenes generadas con IA

El texto alternativo describe una imagen a quien no puede verla. Una fórmula simple, cuándo dejarlo vacío y ejemplos de producto, ilustración y gráfico.

6 min de lectura
Una pequeña lupa de latón en posición vertical sobre una mesa oscura, con una luz violeta que brilla a través de la lente y una neblina suave detrás

Has creado una imagen, es justo lo que querías, y ahora el editor de la página te pide un "texto alternativo". La mayoría escribe el nombre del archivo, pega el prompt o deja el campo vacío. Las tres opciones desperdician el campo. El texto alternativo son unas pocas palabras que sustituyen a la imagen cuando no se puede ver: para una persona que usa un lector de pantalla, para un visitante con mala conexión, para un buscador que lee la página. Esta es una forma breve y práctica de escribirlo para imágenes que has generado tú.

Para qué sirve realmente el texto alternativo

Tiene una sola función: darle al lector lo que la imagen le da a un visitante que ve, en el lugar donde está la imagen. No es un pie de foto (el pie es visible para todos y añade contexto) ni es una caja de palabras clave. Los buscadores lo leen, y una descripción clara y honesta les ayuda a entender la página, pero una frase llena de términos de búsqueda no ayuda a nadie, y los usuarios de lectores de pantalla lo notan enseguida.

Una fórmula simple

Hazte tres preguntas, en este orden, y escribe una frase sencilla con las respuestas.

  1. ¿Qué es? El sujeto principal, con palabras de todos los días: una taza de cerámica, un faro, un gráfico de barras.
  2. ¿Qué importa de ella aquí? El detalle que necesita la página: el color del producto, el ambiente de la portada, la tendencia del gráfico.
  3. ¿Qué tipo de imagen es? Solo cuando cambia el significado: ilustración, render 3D, render de estilo fotográfico, acuarela.

Procura que sea más o menos una frase. Evita "imagen de" y "foto de": el lector de pantalla ya anuncia que es una imagen.

Informativa o decorativa: decídelo primero

Antes de escribir nada, pregúntate si la imagen aporta información que el texto de al lado no aporta. Una foto de producto en la página de un producto, sí. Un fondo abstracto y tranquilo detrás de un título, no. Una imagen decorativa debe llevar un atributo alt vacío (alt=""), que le indica a las herramientas de accesibilidad que la omitan. Es mejor que una descripción que obliga a escuchar "degradado morado con luz suave" tres veces en una página.

  • Informativa: fotos de producto, ilustraciones que explican algo, gráficos, la portada de un artículo. Descríbelas.
  • Decorativa: texturas, separadores, fondos de ambiente, una imagen de cabecera que solo repite el título. Deja el alt vacío.
  • Funcional: una imagen dentro de un enlace o botón. Describe a dónde lleva o qué hace, no cómo se ve.

Describe el estilo con honestidad

Una imagen generada no es la fotografía de un lugar real, y el texto alternativo no debe fingir que lo es. Si el estilo le importa al lector, dilo: "Ilustración de un faro en un acantilado al anochecer" o "Imagen renderizada de una taza de cerámica sobre una mesa de roble". No escribas "foto de" para algo que nunca se fotografió. El objetivo no es promocionar la herramienta, sino no engañar a quien no puede comprobarlo por sí mismo. Si publicas imágenes generadas, la guía para distinguir imágenes de IA trata el otro lado de esa honestidad.

Tres ejemplos

Una foto de producto

En la página de una tienda, el lector necesita lo que vería un cliente: color, forma y el entorno solo si importa.

Prompt
Imagen renderizada de una taza de cerámica verde mate con asa ancha, sobre una mesa de roble claro con luz suave de ventana
El sujeto, el detalle que importa y el tipo de imagen, con honestidad. Sin palabras clave añadidas.

Una ilustración

Para una portada de blog que marca el ambiente, basta una frase corta, y un alt vacío también sirve si el título ya lo dice.

Prompt
Ilustración al estilo acuarela de una barca pequeña bajo una luna enorme sobre aguas tranquilas

Una imagen con forma de gráfico

Aquí la imagen lleva datos, así que el alt debe llevar el mensaje. Ojo: los modelos de imagen dibujan cosas que parecen gráficos, pero sus cifras y etiquetas no son fiables (la guía de manos y texto explica por qué). Crea un gráfico real con una herramienta de gráficos y escribe el alt a partir de sus datos reales. Pon las cifras completas en una tabla o en el texto de al lado.

Prompt
Gráfico de barras de altas mensuales que suben cada mes de enero a junio, con el mayor salto en abril
La conclusión, no los colores. Los valores exactos van en el texto de la página.

Usa tu prompt como borrador, no como copia

El prompt que escribiste es un buen primer borrador, porque ya nombra el sujeto. Pero no lo pegues tal cual. Un buen prompt es una receta para el modelo: lleva términos de iluminación, palabras de cámara y etiquetas de estilo que no significan nada para quien escucha (la guía de prompts explica por qué ayudan al modelo). Además, un prompt describe lo que querías, mientras que el texto alternativo debe describir lo que realmente hay en la imagen final. Los modelos se desvían: puede que la tercera taza no tenga asa. Mira el resultado, conserva el sujeto de tu prompt, quita las palabras técnicas y corrige lo que no salió como pedías.

Una lista rápida

  • ¿La imagen es informativa, decorativa o funcional?
  • Una frase, el sujeto primero, sin "imagen de".
  • El detalle que necesita esta página, no todos los detalles.
  • El tipo de imagen nombrado cuando importa (ilustración, render).
  • Coincide con la imagen final, no solo con el prompt.
  • Sin listas de palabras clave, sin nombres de archivo.

Qué hace y qué no hace el estudio

El estudio crea la imagen; no escribe el texto alternativo por ti ni lo añade a tus descargas. La imagen llega a 2K y la descripción te toca escribirla a ti donde la publiques, que es donde se conoce el contexto de la página. Eso depende de ti: solo tú sabes para qué sirve la imagen. Para trabajos de producto y portadas, los artículos sobre fotografía de producto y imágenes de cabecera para blogs muestran las imágenes a las que se aplica este consejo. Abre el estudio para crearlas, o consulta la página de modelos para ver los estilos disponibles.

Preguntas

¿Qué longitud debe tener el texto alternativo?

Más o menos una frase clara. Lo bastante larga para decir qué muestra la imagen y por qué está ahí, y lo bastante corta para escucharla en pocos segundos. Las explicaciones más largas, como los datos de un gráfico, van en el texto de la página.

¿Debo pegar mi prompt de IA como texto alternativo?

No. Úsalo como borrador del sujeto, quita los términos de iluminación, cámara y estilo, y compáralo con la imagen final, porque el resultado puede diferir del prompt.

¿El arte decorativo de IA necesita texto alternativo?

No. Si la imagen no aporta información, usa un atributo alt vacío para que los lectores de pantalla la omitan. A las imágenes informativas, en cambio, ponles una descripción breve.

¿El estudio escribe el texto alternativo automáticamente?

No. Solo genera la imagen. La descripción la escribes tú donde la publiques, porque conoces la página a la que pertenece.

#Accesibilidad#SEO#Imágenes