Las imágenes en el flujo editorial: guía de estilo, CMS, IA y revisión

La mayoría de los fallos de texto alternativo no se deben a que nadie sepa escribirlo, sino a cómo se trabaja: la imagen la sube alguien que no sabe para qué está, el alt se rellena al final y en bloque, el gestor de contenidos lo completa solo con el nombre del fichero o la misma foto se reutiliza en diez páginas con el mismo texto. Esta lección explica cómo organizar el trabajo para que cada imagen nazca con la alternativa correcta: quién hace qué, una guía de estilo, la configuración del gestor de contenidos, el uso supervisado de la inteligencia artificial y la revisión periódica.

Quién hace qué

La regla de fondo es sencilla: quien sabe por qué está la imagen en la página es quien debe escribir su alternativa. Alrededor de esa persona, cada perfil tiene su parte:

Perfil	Responsabilidad sobre las imágenes
Redacción y autoría	Decide la función de cada imagen y escribe el alt y, si hace falta, la descripción larga
Fotografía y diseño gráfico	Entrega imágenes sin texto incrustado, con contexto (quién aparece, dónde, cuándo) y con los datos de los gráficos
Edición y revisión	Comprueba las alternativas antes de publicar, igual que el titular o la ortografía
Desarrollo y maquetación	Configura el gestor de contenidos y las plantillas para que el alt se pida y se publique bien
Responsable de accesibilidad	Mantiene la guía de estilo, forma al equipo y hace revisiones periódicas

En el sector público, ese último papel encaja con la unidad responsable de accesibilidad que prevé el RD 1112/2018 (PDF, se abre en una ventana nueva), que estudiarás en el nivel 5. En organizaciones pequeñas, varias de estas funciones recaen en la misma persona; lo importante es que estén asignadas.

Una guía de estilo para el texto alternativo

Igual que un libro de estilo fija cómo se escriben los titulares, una guía breve (una o dos páginas) fija cómo se escriben las alternativas en tu organización. Conviene que incluya:

• Cuándo una imagen se considera decorativa, con ejemplos propios (fotos de ambiente, cabeceras, ilustraciones genéricas).
• Longitud orientativa y estructura de la frase («quién o qué + qué hace + detalle + contexto»).
• Cómo nombrar a las personas: nombre y cargo, y cuándo mencionar rasgos de identidad.
• Qué hacer con carteles, imágenes con texto, gráficos e infografías: siempre con su versión en texto.
• Logotipos, iconos de redes sociales e imágenes enlazadas: cómo se nombran.
• Lo que está prohibido: «imagen de», nombres de fichero, palabras clave, créditos fotográficos dentro del alt.

Configurar el gestor de contenidos

El gestor de contenidos (CMS) puede facilitar o sabotear el trabajo. Lo que conviene pedir al equipo técnico:

• Campo obligatorio con una opción explícita de «imagen decorativa». Así se distingue un alt vacío por decisión de uno vacío por olvido, y el revisor sabe cuál es cuál.
• Nada de rellenos automáticos. Hay plantillas y extensiones que copian en el alt el nombre del fichero o el título de la imagen. Producen textos que parecen correctos a una herramienta automática y no sirven a nadie.
• Alternativa por uso, no solo por imagen. Como viste en la primera lección, la misma imagen puede necesitar alternativas distintas en cada página. En el editor de bloques de WordPress, por ejemplo, el texto alternativo se guarda en cada bloque al insertar la imagen: corregirlo después en la biblioteca de medios no cambia las entradas ya publicadas, y lo que escribas en un bloque vale solo para ese uso.
• Plantillas que no dupliquen. Una tarjeta que pone el título de la entrada como alt de la imagen destacada, dentro del mismo enlace que el título, hace que todo se oiga dos veces (lo viste en la lección sobre enlaces y botones).
• Campos separados para pie de foto y créditos, para que nadie los meta en el alt.

<!-- Incorrecto: la plantilla repite el título en el alt -->
<a href="{{ url }}">
  <img src="{{ imagen }}" alt="{{ titulo }}">
  <h3>{{ titulo }}</h3>
</a>

<!-- Correcto: la imagen de la tarjeta es decorativa -->
<a href="{{ url }}">
  <img src="{{ imagen }}" alt="">
  <h3>{{ titulo }}</h3>
</a>

Textos alternativos generados con inteligencia artificial

Cada vez más gestores de contenidos, programas de ofimática y redes sociales proponen descripciones generadas automáticamente. Son un borrador útil, sobre todo para revisar un archivo antiguo con miles de imágenes sin alt, pero tienen límites que conviene conocer:

• Describen la apariencia, no la función: proponen «lupa» donde debería decir «Buscar».
• No conocen el contexto: no saben quién es la persona de la foto ni por qué está en esa noticia.
• Pueden inventar detalles o leer mal el texto de una imagen.
• Tienden a atribuir edad, género o emociones por la apariencia, justo lo que la lección sobre describir personas desaconseja.
• Suelen ser largas y empezar por «Una imagen de…».

La regla práctica: la alternativa generada es un borrador que una persona revisa en su contexto antes de publicar. Para las imágenes funcionales y las complejas, nunca debe publicarse sin revisión. En el nivel 6 estudiarás a fondo el uso de la IA en accesibilidad, sus riesgos y la supervisión humana.

Infografía · Ciclo

El ciclo de vida de una imagen accesible

Seis fases que se repiten en cada publicación y que mejoran con cada revisión

Ciclo continuo

1. 1Fase 1: Encargar y elegirImágenes sin texto incrustado y con contexto: quién, dónde, qué
2. 2Fase 2: ClasificarDecidir su función: decorativa, informativa, funcional o compleja
3. 3Fase 3: RedactarQuien escribe el contenido escribe el alt y la descripción larga
4. 4Fase 4: RevisarEdición comprueba el alt antes de publicar, como el titular
5. 5Fase 5: PublicarEl CMS exige el alt o la marca explícita de imagen decorativa
6. 6Fase 6: Vigilar y mejorarMuestreo periódico, corrección y mejora de la guía de estilo

Tras la fase 6, el ciclo vuelve a empezar por la fase 1.

Leer la infografía como texto

Ciclo de seis fases que se repite con cada imagen y vuelve a empezar tras la última. Fase 1, encargar y elegir: pedir imágenes sin texto incrustado y con contexto sobre quién aparece, dónde y qué ocurre. Fase 2, clasificar: decidir su función, decorativa, informativa, funcional o compleja. Fase 3, redactar: quien escribe el contenido escribe el alt y la descripción larga. Fase 4, revisar: edición comprueba el alt antes de publicar, como el titular. Fase 5, publicar: el gestor de contenidos exige el alt o la marca explícita de imagen decorativa. Fase 6, vigilar y mejorar: muestreo periódico, corrección y actualización de la guía de estilo, que alimenta de nuevo la primera fase.

Revisar antes y después de publicar

Antes de publicar

Cuatro preguntas que caben en la lista de comprobación editorial de cualquier pieza:

1. ¿He decidido la función de cada imagen (decorativa, informativa, funcional, compleja)?
2. ¿Cada alt dice lo que perdería quien no ve la imagen, sin repetir el texto cercano?
3. ¿Hay texto dentro de alguna imagen que debería ser texto real?
4. ¿Los gráficos, mapas e infografías tienen su versión textual en la página?

Después de publicar

• Muestreo periódico: pasa WAVE por las plantillas principales y por una muestra de páginas recientes, y escucha alguna con un lector de pantalla saltando de imagen en imagen.
• Búsquedas en el gestor de contenidos: alternativas que terminan en «.jpg» o «.png», que contienen solo «imagen», «foto» o «logo», o que se repiten en muchas imágenes distintas.
• Indicadores sencillos: porcentaje de páginas de la muestra sin errores de imágenes y número de incidencias corregidas por trimestre. Lo que se mide se mantiene.

Contenido de terceros

Si las personas usuarias suben imágenes (comentarios, foros, anuncios), ofréceles un campo de texto alternativo con una breve indicación. WCAG prevé una declaración de conformidad parcial para el contenido de terceros, y la Directiva (UE) 2016/2102 (PDF, se abre en una ventana nueva) y el RD 1112/2018 excluyen el contenido de terceros que el organismo no financia, no desarrolla ni controla. Lo que sí controlas (tus plantillas, tus publicaciones) debe ser accesible.

Resumen

• Quien conoce el propósito de la imagen escribe su alternativa; edición la revisa y desarrollo configura el CMS y las plantillas.
• Una guía de estilo breve fija cuándo una imagen es decorativa, cómo se estructura el alt, cómo se nombra a las personas y qué está prohibido.
• El CMS debe pedir el alt, ofrecer la opción explícita de decorativa, no rellenarlo solo y permitir alternativas por uso.
• Las alternativas generadas por IA son borradores que una persona revisa en contexto antes de publicar.
• Revisa antes de publicar con cuatro preguntas y después con muestreos, búsquedas en el CMS e indicadores sencillos.