Principio 2/2.4 Navegable/2.4.4-A

2.4.4-A. Propósito de los enlaces en contexto

2_Operable 2.4_Navegable

• Nivel: A
• Versión: 2.0
• Principio: 2_Operable
• Pauta: 2.4_Navegable
• Grupo: Navegación
• Subgrupo: Significado_de_enlaces

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Visual total – Barrera grave
• Baja visión – Barrera moderada
• Cognitiva – Barrera grave
• Motriz – Barrera leve

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Los enlaces deben identificar cuál es su función o destino en el propio texto del enlace o mediante el texto del enlace junto a su contexto más inmediato.

Comprensión del criterio

Descripción resumida

Los enlaces deben indicar de forma clara su función o destino.

El propósito puede deducirse mediante:

• El propio texto del enlace (recomendado)
• El texto cercano que complementa el enlace
• Encabezados o contexto inmediato

No debe depender únicamente de información visual, ni usar textos genéricos como haz clic aquí, más información o leer más sin contexto claro.

Objetivo

Facilitar decisiones rápidas y seguras de navegación para todas las personas, especialmente quienes usan lector de pantalla o quienes se orientan por escaneo visual rápido.

Importancia de cumplir el criterio

Proporcionar contexto claro en los enlaces evita confusión, reduce esfuerzo cognitivo y mejora la eficiencia en la navegación. En enlaces repetidos o ambiguos, las personas usuarias pueden perderse o activar enlaces erróneos.

Referencias WCAG

• G91: Providing link text that describes the purpose of a link
• H30: Providing link text that describes the purpose of a link for anchor elements
• G53: Identifying the purpose of a link using link text combined with the text of the enclosing sentence
• H33: Supplementing link text with the title attribute
• C7: Using CSS to hide a portion of the link text
• H77: Identifying the purpose of a link using link text combined with its enclosing list item
• H78: Identifying the purpose of a link using link text combined with its enclosing paragraph
• H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells
• H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested
• G189: Providing a control near the beginning of the Web page that changes the link text
• SCR30: Using scripts to change the link text
• F63: Failure due to providing link context only in content that is not related to the link
• F89: Failure due to not providing an accessible name for an image which is the only content in a link

Recursos de apoyo

• Make link text meaningful (W3C)
• Links and Hypertext (WebAIM)

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

1. Paso 1. Localizar todos los elementos que sean enlaces.
2. Paso 2. Verificar que se cumple alguna de las siguientes condiciones:
   • a. El propio texto del enlace o su contexto más cercano sirve para identificar la función o el destino del enlace.
   • b. Se complementa el texto del enlace con una descripción adicional de alguna de las siguientes formas:
     • i. Complementando el texto del enlace con el atributo title. Para comprobarlo, en Web Developer Toolbar seleccionar Information → Display Title attributes.
     • ii. Usando CSS para ocultar parte del texto del enlace. Este caso se comprueba utilizando la herramienta de inspección de código del navegador.

Resultado esperado

Todos los enlaces permiten comprender su propósito sin necesidad de acceder al enlace.

Ejemplo

El enlace ya presenta la información de donde enlaza y qué ocurre al seleccionarlo.

<a href="/programa">Accede al programa del curso</a>
</pre

Otras herramientas de evaluación

• Bookmarklet : List links
• Inspección del contenido: comprobar que el texto del enlace describe claramente su propósito o destino sin depender únicamente del contexto visual lejano (evitar textos como “haz clic aquí” o “más información” sin contexto).
• Revisión contextual inmediata: verificar que, si el enlace usa un texto genérico, el propósito puede deducirse claramente por el contexto cercano (p. ej., justo antes o después del enlace).
• Lectores de pantalla: (NVDA, JAWS, VoiceOver) usar la función de “lista de enlaces” para asegurarse de que cada enlace comunica su propósito sin necesidad de leer todo el contenido circundante.
• Inspección del código: revisar atributos adicionales como aria-label o title que pueden complementar el propósito, asegurando que no se dependa únicamente de ellos.

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.4-A. Propósito de los enlaces en contexto

Loading comments...