Normativas · WCAG 2.2

SC 2.4.4 Nivel A WCAG 2.0

Propósito de un enlace (en contexto)

El propósito de cada enlace debe quedar claro a partir de su texto, o del texto combinado con el contexto inmediato — la frase, el elemento de lista, la celda de tabla o el párrafo en que se encuentra. Los usuarios de lectores de pantalla escuchan los enlaces fuera de su contexto, en una lista de enlaces.

Qué exige este criterio

Cuando un usuario de lector de pantalla muestra la lista de todos los enlaces de una página (una estrategia de navegación habitual), escucha el texto del enlace despojado de la prosa circundante. «Leer más» repetido 15 veces no transmite ninguna información. El criterio de conformidad admite dos formas de cumplirlo: que el texto del enlace sea descriptivo por sí solo, o que el enlace más su contexto determinado programáticamente (misma frase, mismo párrafo, mismo elemento de lista, misma fila de tabla, o aria-label/aria-describedby) deje claro el destino.

Para el nivel de conformidad AA, el contexto en que aparece el enlace es suficiente. En el nivel AAA, véase el criterio 2.4.9.

Cómo cumplirlo

  • Escribir texto de enlace autoexplicativo siempre que sea posible: "Leer nuestro informe de accesibilidad de 2026" en lugar de "Leer más".
  • Si el diseño requiere una llamada a la acción genérica, asegurarse de que el encabezado o párrafo inmediatamente anterior al enlace nombre el destino, y de que compartan la misma frase o el mismo elemento de lista.
  • Para diseños de tarjeta, envolver toda la tarjeta en el enlace, o usar aria-labelledby para asociar el enlace con el encabezado de la tarjeta.
  • Usar aria-label para sustituir el texto visible del enlace solo cuando no sea posible reescribirlo — por ejemplo, un enlace de icono «→» que debe leerse como «Página siguiente: resultados 21–40».
  • En tablas, texto de enlace como «Editar» o «Eliminar» es válido cuando el contexto de la fila (una celda de nombre adyacente) deja claro el objetivo.

Fallos habituales

  • «Haga clic aquí», «Leer más», «Saber más» o «Aquí» usados varias veces en la misma página con destinos diferentes.
  • Una cuadrícula de botones «Ver» idénticos bajo tarjetas de producto, con el nombre del producto en un encabezado no asociado programáticamente al enlace.
  • Un enlace «Descargar» que no indica qué se descarga y que carece de aria-label o de contexto que lo especifique.
  • Enlaces de imagen con texto alternativo vacío y sin etiqueta de texto circundante — los lectores de pantalla anuncian la URL.
  • «Más información» apareciendo 30 veces en la lista de enlaces de una sola página, cada vez apuntando a un artículo diferente.

Por qué es importante

La lectura por exploración es la forma en que los usuarios de lectores de pantalla navegan por páginas largas. La lista de enlaces y la lista de encabezados son sus dos mapas principales. Una página llena de enlaces «Leer más» equivale, en audio, a una página impresa donde cada enlace ha sido sustituido por un subrayado en blanco — técnicamente navegable, prácticamente inútil. Corregir este criterio de conformidad casi siempre mejora el posicionamiento en buscadores y la tasa de conversión, porque el texto de enlace descriptivo beneficia a todos los usuarios.