Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G92Dar una descripción larga a gráficos e imágenes complejas

Nombre oficial en el W3C: Proporcionar una descripción larga para el contenido no textual que cumpla el mismo propósito y presente la misma información

En pocas palabras

Algunas imágenes contienen demasiada información para un texto alternativo corto, como un gráfico de datos, un plano o un organigrama. En esos casos, además del texto breve, hay que ofrecer una descripción larga. Esa descripción debe transmitir los mismos datos y la misma idea que la imagen.

Por qué es importante

Una persona ciega no ve el gráfico. Si solo oye «Gráfico de presupuesto 2026», sabe qué es, pero no qué dice.

Con una descripción larga recibe la información completa: cifras, tendencias y conclusiones. También ayuda a personas con baja visión o con dificultades para interpretar gráficos. Para ellas, una tabla o un texto ordenado puede ser más fácil de leer.

Cómo se hace

  1. Piense para qué está la imagen en la página y qué información quiere transmitir.
  2. Ponga un texto alternativo breve que la identifique, por ejemplo «Gráfico de visitas a la web por mes en 2026».
  3. Escriba aparte la descripción larga. Incluya los datos relevantes, en un orden lógico, y la conclusión principal.
  4. Si el gráfico sale de una tabla de datos, ofrezca esa tabla: suele ser la mejor descripción larga.
  5. Coloque la descripción en la misma página, bajo la imagen, o en una página enlazada desde ella.
  6. Haga la prueba final: si se quitara la imagen, ¿el texto breve más el largo darían la misma información?

Cómo comprobarlo

  1. Localice las imágenes que transmiten mucha información: gráficos, mapas, diagramas, infografías.
  2. Busque su descripción larga, en la propia página o en un enlace junto a la imagen.
  3. Tape la imagen y lea solo la descripción.
  4. Confirme que con ella se obtienen los mismos datos y la misma idea principal.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G92 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Se aplica a todas las tecnologías

Descripción

El objetivo de esta técnica es proporcionar una alternativa textual larga que cumpla el mismo propósito y presente la misma información que el contenido no textual original cuando una alternativa textual corta no es suficiente.

Combinada con la alternativa textual corta, la descripción larga debería poder sustituir al contenido no textual. La alternativa corta identifica el contenido no textual; la alternativa larga proporciona la información. Si el contenido no textual se eliminara de la página y se sustituyera por las descripciones corta y larga, la página seguiría ofreciendo la misma función y la misma información.

Para decidir qué debe incluirse en las alternativas textuales, resultan útiles las siguientes preguntas.

  • ¿Por qué está aquí este contenido no textual?
  • ¿Qué información presenta?
  • ¿Qué propósito cumple?
  • Si no pudiera utilizar el contenido no textual, ¿qué palabras usaría para transmitir la misma función o la misma información?

Ejemplos

Un gráfico que muestra las ventas de octubre tiene como alternativa textual corta "October sales chart" («Gráfico de ventas de octubre»). La descripción larga diría: «Gráfico de barras que muestra las ventas de octubre. Hay 6 comerciales. María es la primera con 349 unidades. Frances es la siguiente con 301. Después vienen Juan con 256, Sue con 250, Li con 200 y Max con 195. El uso principal del gráfico es mostrar quiénes van en cabeza, por lo que la descripción está en orden de ventas».

Un gráfico de líneas que muestra las temperaturas medias de invierno de los últimos 10 años incluye la alternativa textual corta "Average winter temperatures 1996-2006" («Temperaturas medias de invierno 1996-2006»). La descripción larga incluye la tabla de datos que se utilizó para generar el gráfico de líneas.

Pruebas

Procedimiento

  1. Eliminar, ocultar o enmascarar el contenido no textual
  2. Mostrar la descripción larga
  3. Comprobar que la descripción larga transmite la misma información que transmite el contenido no textual.

Resultados esperados

  • La comprobación n.º 3 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G92 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.