Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G73Proporcionar una descripción larga en otra ubicación con un enlace a ella inmediatamente adyacente al contenido no textual

En resumen

Esta técnica consiste en colocar la descripción larga de una imagen, gráfico o archivo de audio en otro lugar (más abajo en la misma página o en otra) y enlazarla desde un punto situado justo antes o después del contenido no textual. Beneficia sobre todo a las personas que usan lectores de pantalla, y conviene usarla cuando la alternativa textual corta no basta para transmitir toda la información, por ejemplo en gráficos estadísticos.

Aplicabilidad

Se aplica a todas las tecnologías

Descripción

El objetivo de esta técnica es proporcionar una forma de enlazar con descripciones largas remotas.

Con esta técnica, la descripción larga se proporciona en una ubicación distinta de la del contenido no textual. Puede ser otra ubicación dentro del mismo URI o bien otro URI. Se proporciona un enlace a esa descripción larga inmediatamente adyacente al contenido no textual. El enlace puede estar inmediatamente antes o inmediatamente después del contenido no textual. Si la descripción se encuentra junto con otro texto, añada al final la indicación «Fin de la descripción», de modo que los usuarios sepan cuándo dejar de leer y volver al contenido principal. Si el botón «Atrás» no devuelve a la persona al punto desde el que saltó, se proporciona un enlace de vuelta a la ubicación del contenido no textual.

Ejemplos

Gráfico de barras

En una página web hay un gráfico de barras que muestra las ventas de los tres mejores comerciales.

La alternativa textual corta dice «October sales chart for top three salespeople» (gráfico de ventas de octubre de los tres mejores comerciales).

Inmediatamente después del contenido no textual hay una pequeña imagen que indica la existencia de una descripción larga. El texto alternativo de la imagen es «Long description of chart» (descripción larga del gráfico). La imagen enlaza con la parte inferior de la página, donde hay una sección titulada «Description of charts on this page» (descripción de los gráficos de esta página). El enlace apunta a esta descripción concreta: «Sales for October show Mary leading with 400 units. Mike follows closely with 389. Chris rounds out our top 3 with sales of 350. [end of description]» (las ventas de octubre muestran a Mary en cabeza con 400 unidades; Mike la sigue de cerca con 389; Chris completa nuestro top 3 con 350 unidades vendidas; [fin de la descripción]).

Gráfico de barras en una tecnología distinta de HTML en la que la función «atrás» del agente de usuario no está disponible por motivos de seguridad

En una página web hay un gráfico de barras que muestra las ventas de los tres mejores comerciales.

La alternativa textual corta dice «October sales chart for top three salespeople» (gráfico de ventas de octubre de los tres mejores comerciales).

Inmediatamente después del contenido no textual hay una pequeña imagen que indica la existencia de la descripción larga. El texto alternativo de la imagen es «Long description of chart» (descripción larga del gráfico). La imagen enlaza con otra página titulada «Description of charts in October Sales Report» (descripción de los gráficos del informe de ventas de octubre). El enlace de la descripción apunta a esta descripción concreta: «Sales for October show Mary leading with 400 units. Mike follows closely with 389. Chris rounds out our top 3 with sales of 350. End of description. <link>Back to Sales Chart</link>» (las ventas de octubre muestran a Mary en cabeza con 400 unidades; Mike la sigue de cerca con 389; Chris completa nuestro top 3 con 350 unidades vendidas; fin de la descripción; enlace «Volver al gráfico de ventas»).

Leyenda con un enlace

Hay un gráfico. La leyenda de la figura, situada inmediatamente debajo del gráfico, contiene un enlace a la descripción larga. El texto del enlace deja claro que se trata de un enlace a una descripción larga.

Transcripción de un archivo de solo audio

Hay una grabación de un discurso de Martin Luther King. Los enlaces al archivo de audio y a la transcripción aparecen uno junto al otro.

Pruebas

Procedimiento

  1. Comprobar que existe un enlace inmediatamente antes o inmediatamente después del contenido no textual.
  2. Comprobar que el enlace es un enlace válido que apunta directamente a la descripción larga de ese contenido no textual concreto.
  3. Comprobar que la descripción larga transmite la misma información que el contenido no textual.
  4. Comprobar que está disponible un enlace o una función de «atrás» que permita al usuario volver a la ubicación original del contenido no textual.

Resultados esperados

Las cuatro comprobaciones anteriores son verdaderas

Cómo lo comprobamos en ADDAW

En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G73 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital