Una imagen de tu EPUB puede verse perfectamente y, aun así, no comunicar nada a quien lee con un lector de pantalla. A veces ocurre porque falta el atributo alt. Otras veces el atributo existe, pero dice «imagen», repite el nombre del archivo o deja fuera información esencial.

También existe el error opuesto: describir en voz alta cada línea ornamental, cada separador y cada elemento puramente decorativo. Eso añade ruido y dificulta seguir la lectura.

La pregunta útil no es «¿todas las imágenes tienen texto?», sino «¿qué necesita comprender una persona que no ve esta imagen?». La respuesta depende de la función de la imagen dentro del libro.

1. Tres situaciones distintas: sin alt, vacío y descriptivo

En XHTML puedes encontrar estas tres formas:

<!-- No se declara una alternativa -->
<img src="imagenes/ilustracion.png" />

<!-- Se declara una alternativa vacía -->
<img src="imagenes/ornamento.png" alt="" />

<!-- Se describe una imagen informativa -->
<img src="imagenes/mapa.png" alt="Mapa de las tres rutas entre el puerto y la ciudad" />

No significan lo mismo:

  • Sin atributo alt: falta la declaración de alternativa. Algunas tecnologías de asistencia pueden anunciar la ruta o el nombre del archivo.
  • alt="": la alternativa es intencionalmente vacía; puede ser apropiada si la imagen es decorativa o repite información que ya está en texto.
  • alt descriptivo: comunica el contenido o la función que el lector necesita conocer.

Una herramienta automática puede localizar la ausencia de alt, pero no siempre decidir si la descripción propuesta es pertinente. Por eso conviene combinar el análisis con una revisión del contenido.

2. Imágenes decorativas: cuándo alt="" es correcto

Supón que entre dos párrafos hay un pequeño adorno sin significado narrativo. Si solo cumple una función visual, puedes dejar una alternativa vacía:

<img src="imagenes/floritura.svg" alt="" />

No escribas alt="Floritura decorativa con líneas curvas" si esa información no aporta nada al contenido. La persona que escucha el libro no necesita recibir una descripción ornamental entre cada párrafo.

Pero cuidado con los separadores: una imagen pequeña también puede indicar un cambio de escena o de narrador. Si el cambio tiene significado, no basta con tratarla automáticamente como un adorno. Puede ser más apropiado utilizar una separación semántica, por ejemplo un <hr /> cuando corresponda, con el marcado y la presentación adecuados para esa edición.

El tamaño no decide la función. Una imagen de 1 × 1 píxel suele ser un recurso técnico; un pictograma pequeño puede transmitir una advertencia imprescindible.

3. Fotografías e ilustraciones informativas: describe lo relevante

El buen texto alternativo depende del propósito de la imagen. Una fotografía de un puente podría necesitar estas descripciones en contextos distintos:

  • En una novela donde solo acompaña el ambiente: puede no aportar información nueva respecto al texto.
  • En una guía de arquitectura: «Puente de piedra de tres arcos sobre un río, visto desde la orilla norte» puede comunicar características relevantes.
  • En un manual técnico: puede ser necesario describir su estructura de forma más específica o añadir una explicación extensa.

Evita empezar siempre con «Imagen de...». Normalmente la tecnología de asistencia ya informa de que se trata de una imagen. Ve al contenido útil y utiliza un lenguaje concreto.

Un ejemplo genérico no sustituye la lectura: si un detalle visual es esencial para entender la escena, debe formar parte de la alternativa o de una descripción cercana.

4. Portadas: no hay una frase universal

La cubierta puede mostrar título, autor, ilustración, símbolos y elementos gráficos. Lo adecuado depende de la función concreta de esa imagen y de si el título y la autoría ya están disponibles en texto accesible junto a ella.

Por ejemplo, si la cubierta es la única presentación de datos esenciales, una alternativa breve puede aportar esa información:

<img src="imagenes/cubierta.jpg"
     alt="Cubierta de La casa del viento, novela de Ana Reyes" />

Ejemplo ilustrativo — título y autora ficticios.

Si el título y la autora ya están expresados de forma clara y accesible en el mismo contexto, repetirlos en el alt puede resultar innecesario. Si la ilustración de cubierta aporta un significado importante, conviene estudiarla por separado. No apliques una plantilla idéntica a todas las portadas.

5. Logotipos y marcas editoriales

El logotipo puede limitarse a identificar a la editorial o funcionar como enlace. Si aporta la única identificación de la entidad, usa una alternativa breve y reconocible:

<img src="imagenes/logo-editorial.png" alt="Editorial Horizonte" />

Si está dentro de un enlace, la alternativa debe ayudar a comprender el destino o la función del enlace, no necesariamente describir cada forma gráfica. Si junto al logotipo ya aparece el nombre de la editorial en texto accesible, revisa si duplicarlo en voz alta añade información o solo repetición.

6. Códigos QR: una alternativa debe permitir actuar

Un código QR no es necesariamente decorativo. Puede dirigir a un audio, un sitio web, material complementario o una página de la edición. Esconderlo con alt="" sin ofrecer otra forma de acceder a su contenido puede excluir a quien no puede escanearlo.

Una alternativa breve puede explicar el propósito:

<img src="imagenes/qr-audio.png"
     alt="Código QR para escuchar la entrevista con la autora" />

Pero lo más útil suele ser añadir un enlace de texto accesible al mismo destino:

<p>
  <a href="https://ejemplo.org/entrevista">Escuchar la entrevista con la autora</a>
</p>
<img src="imagenes/qr-audio.png" alt="" />

Ejemplo ilustrativo — URL ficticia.

En este segundo caso, si el enlace adyacente transmite toda la función del QR, una alternativa vacía puede evitar duplicaciones. Lo importante es que la acción siga disponible sin cámara ni escaneo. Verifica también si el lector EPUB permite abrir ese tipo de enlace.

7. Gráficos, mapas y esquemas complejos

Un gráfico con varias series, un árbol genealógico o un mapa detallado difícilmente se vuelve accesible con una sola oración. El alt breve debe identificar el contenido y, cuando haga falta, dirigir a una descripción extensa en texto real del documento.

Por ejemplo:

<img src="imagenes/ventas.png"
     alt="Gráfico de la evolución de ventas por formato; los datos se detallan a continuación" />

Después puedes incluir los valores, tendencias y relaciones importantes en un párrafo o una tabla accesible. No se trata de describir cada píxel, sino de conservar la información que la imagen comunica.

Un mapa narrativo puede requerir el recorrido y las relaciones espaciales; un gráfico económico, los valores y tendencias. Si esos datos son indispensables, no basta con declarar que «hay un gráfico».

8. Imágenes con texto escrito dentro

Si una imagen contiene texto que no aparece en ninguna otra parte, ese texto puede ser necesario en la alternativa. Por ejemplo, un cartel reproducido en una novela puede contener una frase decisiva para la trama.

Si ya se transcribe de forma accesible junto a la imagen, repetirlo en el alt puede crear redundancia. El contexto vuelve a ser decisivo.

Cuando sea posible, utiliza texto real en XHTML en vez de incrustar información importante únicamente en una imagen. Esto facilita también el ajuste de tamaño, la búsqueda y algunas modalidades de lectura.

9. Imágenes que son botones o enlaces

Cuando una imagen representa una acción, su alternativa debe comunicar qué hace ese control. Un icono de lupa dentro de un botón de búsqueda no necesita describirse como «lupa gris»: puede necesitar el nombre accesible «Buscar».

En EPUB, las funciones interactivas y su compatibilidad varían según el sistema de lectura. Evita depender de una imagen o de un evento visual para ofrecer una acción imprescindible. Prueba el contenido con las tecnologías y aplicaciones pertinentes.

10. Cómo revisar los textos alternativos sin corregir a ciegas

Puedes utilizar esta secuencia para cada imagen que Prism o Ace señalen:

1. Encuentra la imagen en su contexto. Lee el párrafo anterior y el siguiente.

2. Define su función. ¿Decora, informa, organiza, identifica o permite realizar una acción?

3. Comprueba si la información ya existe en texto. Evita duplicaciones innecesarias.

4. Redacta o deja vacío el alt según corresponda. Una descripción correcta puede tener pocas palabras; una compleja puede necesitar explicación complementaria.

5. Verifica el resultado escuchándolo. Comprueba que la frase encaja en la lectura y que no falta información.

6. Repite la validación técnica. Asegúrate de que el cambio no introdujo errores de marcado.

Si una ilustración no se puede interpretar sin conocimiento de la obra, pide una decisión a la persona que conoce el contenido. No inventes detalles que no puedes confirmar solo para completar una descripción.

Errores frecuentes que conviene evitar

Solución aparente Por qué puede fallar
Poner alt="Imagen" en todas las figuras No comunica contenido ni función.
Usar siempre alt="" para eliminar avisos Oculta información cuando la imagen es significativa.
Copiar el nombre de archivo como descripción img_047.png no orienta al lector.
Describir cada elemento decorativo Interrumpe la lectura con información irrelevante.
Repetir íntegramente una leyenda ya accesible Puede producir duplicación innecesaria.
Escribir una frase larga para un gráfico complejo Puede omitir valores o relaciones que requieren texto adicional.

Preguntas frecuentes

¿Todos los EPUB deben tener descripciones largas de las imágenes?

No. La alternativa debe cumplir una función. En una imagen decorativa puede ser correcto alt=""; en una informativa, una descripción corta; en un gráfico complejo, información adicional fuera de la imagen.

¿Prism puede decidir si una imagen es decorativa?

El análisis automático puede señalar casos para revisar, pero el significado depende del libro y de su contexto. La decisión final debe basarse en el contenido.

¿Un QR siempre necesita alt descriptivo?

No necesariamente si su propósito y destino ya están disponibles de forma equivalente en un enlace accesible cercano. Lo que no debe faltar es una forma usable de acceder a la información.

¿La portada siempre necesita repetir el título y la autoría?

Depende de si esos datos ya se comunican en el contexto y de qué información aporta la imagen. Evita tanto la omisión como la duplicación mecánica.

Revisa tus imágenes en el libro real

Si tu EPUB contiene imágenes, comienza con un análisis en Nommera Prism y revisa las incidencias en contexto. También puedes leer Diez problemas de accesibilidad EPUB que requieren revisión humana.

Un buen texto alternativo no describe por describir: conserva la experiencia y la información que el lector necesita.

Fuentes técnicas