Técnica Técnicas generales WCAG 2.2
G53Explicar el destino del enlace con la frase en la que está
Nombre oficial en el W3C: Identificar el propósito de un enlace mediante el texto del enlace combinado con el texto de la frase que lo contiene
En pocas palabras
Un enlace puede tener un texto corto si la frase que lo rodea explica adónde lleva. Por ejemplo, en «Para consultar las bases de la convocatoria, pulse aquí», la frase aclara el enlace «pulse aquí». Es mejor que esa explicación vaya antes del enlace, no después.
Por qué es importante
Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) necesita saber adónde lleva un enlace antes de pulsarlo. Lo mismo le pasa a cualquier persona que lee deprisa.
Un «aquí» o un «más información» sueltos no dicen nada. Si la frase que los contiene lo explica, quien la lee o la escucha entiende el enlace. Así se cumple el criterio 2.4.4 (propósito de los enlaces en contexto, nivel A).
Cómo se hace
- Ponga el enlace dentro de una frase completa. Junto con el texto del enlace, la frase debe dejar claro el destino.
- Sitúe la información clave antes del enlace. Quien escucha la página la oye primero y ya sabe qué esperar.
- Evite varios enlaces iguales que llevan a sitios distintos, como dos «aquí» en el mismo párrafo.
- Una dirección web como texto del enlace no suele bastar para explicar el destino.
- Mejor aún: escriba el destino en el propio enlace («bases de la convocatoria»). Así se entiende fuera de contexto y cumple también el nivel AAA (criterio 2.4.9).
Cómo comprobarlo
- Localice los enlaces con textos genéricos, como «aquí», «leer más» o «este enlace».
- Compruebe que cada uno está dentro de una frase y que esa frase, junto con el enlace, explica adónde lleva.
- Con NVDA, abra la lista de enlaces (Insert + F7). Los enlaces que no se entienden solos deben aclararse al leer su frase.
Ejemplo
El primer enlace se entiende gracias a su frase; el segundo se entiende por sí solo.
<!-- Se entiende gracias a la frase -->
<p>Para pedir cita previa en el registro,
<a href="/cita-previa">pulse aquí</a>.</p>
<!-- Aún mejor: el enlace se entiende solo -->
<p>Puede <a href="/cita-previa">pedir cita previa en el registro</a>
por internet.</p>
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 G53 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
Todas las tecnologías que contengan enlaces.
Descripción
El objetivo de esta técnica es identificar el propósito de un enlace a partir del propio enlace y del contexto de la frase en la que se encuentra. La frase que contiene el enlace proporciona contexto a un enlace que, de otro modo, resultaría poco claro. La descripción permite al usuario distinguir este enlace de otros enlaces de la página web que llevan a otros destinos y le ayuda a decidir si seguir el enlace. Tenga en cuenta que, en general, proporcionar únicamente el URI del destino no es suficientemente descriptivo.
Estas descripciones resultarán más útiles para el usuario si la información adicional necesaria para comprender el enlace precede al enlace. Si la información adicional va después del enlace, puede generar confusión y dificultades a los usuarios de lectores de pantalla que leen la página en orden (de arriba abajo).
Ejemplos
Una página web contiene la frase «To advertise on this page, click here.» (Para anunciarse en esta página, pulse aquí).
Aunque el texto del enlace «click here» (pulse aquí) no basta para comprender el enlace, la información necesaria precede al enlace en la misma frase.
En el resumen de noticias que contiene la frase «The Smallville Times reports that the School Board chose a 2007 school calendar that starts on August 27.» (El Smallville Times informa de que el Consejo Escolar ha elegido un calendario escolar para 2007 que empieza el 27 de agosto), las palabras «reports that» (informa de que) son un enlace a un artículo del Smallville Times sobre la reunión del Consejo Escolar.
Aunque este ejemplo cumple el criterio de conformidad, situar de este modo la información necesaria para comprender el enlace después del enlace resulta incómodo para quienes leen el documento con un lector de pantalla.
Pruebas
Procedimiento
Para cada enlace del contenido que utilice esta técnica:
- Comprobar que el enlace forma parte de una frase.
- Comprobar que el texto del enlace, combinado con el texto de la frase que lo contiene, describe el propósito del enlace.
Resultados esperados
- Las comprobaciones anteriores son verdaderas.
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.
Basado en la técnica G53 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.