Técnica Técnicas generales WCAG 2.2
G91Escribir enlaces cuyo texto explique a dónde llevan
Nombre oficial en el W3C: Proporcionar un texto de enlace que describa el propósito del enlace
En pocas palabras
El texto que se pulsa en un enlace debe decir por sí mismo a dónde lleva o qué hace. «Descargar las bases de la convocatoria (PDF)» se entiende solo. «Pinche aquí» o «Más información» no dicen nada fuera de su contexto.
Por qué es importante
Las personas que usan un lector de pantalla (programa que lee en voz alta la pantalla) suelen pedir una lista con todos los enlaces de la página. En esa lista solo oyen el texto de cada enlace.
Si hay diez enlaces que dicen «Leer más», no sabrán cuál elegir. También ayuda a cualquier persona que lee en diagonal, porque los enlaces destacan a la vista. Una dirección web larga tampoco sirve como texto: rara vez explica el destino.
Cómo se hace
- Escriba en el propio enlace el destino o la acción: «Horarios de la biblioteca municipal», «Solicitar cita previa».
- Evite textos genéricos como «aquí», «pinche», «leer más» o «ver». Si los usa, complételos: «Leer más sobre el plan de movilidad».
- Si el enlace abre un archivo, indíquelo con su tipo y, si es grande, su tamaño: «Memoria anual (PDF, 3 MB)».
- No use la dirección web como texto del enlace, salvo que la persona necesite verla.
- Dos enlaces con el mismo texto deben llevar al mismo sitio. Si van a sitios distintos, cambie el texto.
Cómo comprobarlo
- Revise cada enlace de la página y lea solo su texto, sin lo que lo rodea.
- Pregúntese si con ese texto se sabe a dónde lleva. Si no, hay que mejorarlo.
- Con NVDA, pulse Insert+F7 para ver la lista de enlaces. Con VoiceOver en Mac, use el rotor. Busque textos repetidos o vacíos.
- Compruebe que los enlaces con el mismo texto llevan al mismo destino.
Ejemplo
El mismo enlace, primero con un texto poco útil y después con un texto que explica su destino.
<!-- Poco claro -->
<p>Las bases están disponibles. <a href="bases.pdf">Pinche aquí</a>.</p>
<!-- Claro -->
<p><a href="bases.pdf">Descargar las bases de la convocatoria (PDF)</a></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 G91 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 contienen enlaces.
Descripción
El objetivo de esta técnica es describir el propósito de un enlace en el propio texto del enlace. La descripción permite al usuario distinguir este enlace de otros enlaces de la página web que llevan a destinos distintos y le ayuda a decidir si seguirlo o no. El URI del destino, por lo general, no es suficientemente descriptivo.
Ejemplos
Describir el propósito de un enlace en HTML en el contenido textual del elemento a
<a href="routes.html">Current routes at Boulders Climbing Gym</a>Pruebas
Procedimiento
Para cada enlace del contenido que utilice esta técnica:
- Comprobar que el texto del enlace describe el propósito del enlace
Resultados esperados
- La comprobación n.º 1 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.
Basado en la técnica G91 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.