Texto alternativo con ChatGPT según su función

Un buen texto alternativo con ChatGPT empieza con una pregunta sobre la página: qué ayuda a entender o hacer esta imagen? Subir una foto y pedir una descripción puede generar un inventario verosímil que pase por alto su función. Proporciona a ChatGPT el contenido que la rodea y la función de la imagen, y revisa su propuesta antes de editar tu sitio web.

La foto del reloj mundial utilizada aquí ilustra la diferencia. Muestra un reloj público al aire libre con nombres de ciudades y paneles numerados para las horas, coronado por un globo metálico. Los tres usos siguientes son ejemplos editoriales hipotéticos para esa misma fotografía.

Decide qué aporta la imagen

Consulta el árbol de decisión sobre texto alternativo de W3C WAI antes de redactar. Una imagen informativa necesita una alternativa que transmita su significado relevante. Una imagen decorativa no aporta información adicional. Cuando una imagen proporciona el nombre de un enlace o botón, el texto debe explicar el destino o la acción.

Esta decisión corresponde a quien crea el contenido y sabe por qué está ahí la imagen. Una fotografía no es informativa por defecto, y el texto cercano no la convierte automáticamente en decorativa. En un debate sobre accesibilidad de la Universidad de Illinois del 14 de octubre de 2025, los participantes discutieron precisamente este límite y la confusión que generan las advertencias sobre atributos alt vacíos.

Adjunta la imagen con el contexto de la página

Adjunta la imagen real en lugar de pedir a ChatGPT que adivine su contenido a partir del nombre del archivo. Las instrucciones de OpenAI sobre imágenes como entrada explican cómo adjuntar una imagen e indicar qué debe examinar y qué resultado necesitas. Incluye el propósito de la página, su público, el idioma, el texto cercano y si la imagen funciona como enlace o botón. Si es un enlace, indica su destino y cualquier texto visible dentro del mismo enlace.

Pide una propuesta de función, una justificación breve, el atributo alt exacto y las dudas pendientes. Comprueba tú la imagen: no aceptes ubicaciones, fechas, identidades ni lecturas de los pequeños rótulos del reloj que el modelo haya inventado. Usa el prompt reutilizable de texto alternativo con ChatGPT para aportar estos datos de forma coherente.

Usa la misma foto de tres formas diferentes

1. Explicar la disposición física del reloj

Supongamos que un artículo explica cómo está organizado el reloj. Los nombres de las ciudades y los paneles numerados son información visual relevante. Siguiendo las pautas de WAI para imágenes informativas, una alternativa posible transmite esa estructura sin adivinar la ciudad ni la hora actual:

alt="Reloj mundial al aire libre con nombres de ciudades y paneles numerados para las horas"

2. Ambientar un recordatorio de reunión

Supongamos que la misma foto aparece en un recordatorio cuyo texto incluye la información de la reunión, mientras que la foto solo aporta ambientación visual y no cumple ninguna función. Según las pautas de WAI para imágenes decorativas, este uso puede tener una alternativa vacía:

alt=""

Conserva el atributo sin nada entre las comillas, ni siquiera un espacio. Esta decisión responde a la función de la imagen en este recordatorio, no a una regla general sobre las fotos de relojes o el texto adyacente.

3. Usar la foto como único contenido del enlace

Ahora supongamos que solo la foto enlaza a la guía de horarios para reuniones internacionales, sin texto visible ni otro nombre accesible. Siguiendo las pautas de WAI para imágenes funcionales, indica el destino:

alt="Lee la guía de horarios para reuniones internacionales"

Si dentro de ese mismo enlace hay un texto visible equivalente, una alternativa vacía para la imagen puede evitar la repetición sin que el enlace pierda su nombre.

Comprueba cada uso de la imagen antes de terminar

Aplica la alternativa revisada a este uso concreto de la imagen. Un único valor de la biblioteca de medios puede reutilizarse en páginas con propósitos distintos. Además, dejar vacío un campo del CMS no garantiza que la página renderizada incluya un atributo alt vacío.

Inspecciona el atributo alt renderizado y el nombre accesible del enlace o botón. Cuando sea posible, comprueba también la navegación con el teclado y lo que anuncia un lector de pantalla. Usa una redacción lo bastante breve para su propósito y omite palabras clave de búsqueda que no sean pertinentes. Aquí nos centramos en fotografías sencillas; el texto esencial o la información de gráficos complejos pueden necesitar también un pasaje de texto equivalente o una explicación más extensa. Incluso un borrador útil requiere una revisión humana del HTML final y del contexto de la página.

Foto: feinschliff / Unsplash.