Técnica HTML WCAG 2.2
H78Aclarar un enlace con el texto del párrafo que lo contiene
Nombre oficial en el W3C: Identificar el propósito de un enlace mediante el texto del enlace combinado con el párrafo que lo contiene
En pocas palabras
Un enlace con un texto corto, como «las bases» o «el formulario», puede entenderse gracias a la frase del párrafo en el que está. Esta técnica permite usar ese párrafo como contexto. Los lectores de pantalla pueden leerlo junto al enlace, y la persona sabe adónde lleva antes de pulsarlo.
Por qué es importante
Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) a menudo salta de enlace en enlace. Si el enlace dice solo «las bases», no sabe de qué convocatoria son.
Si la explicación está en el mismo párrafo, el lector puede leer la frase completa y la persona entiende el enlace. Esto basta para el criterio 2.4.4 (nivel AA). Para el nivel AAA, el enlace debe entenderse por sí solo.
Cómo se hace
- Ponga el enlace y su explicación dentro del mismo
<p>. - Mejor aún, en la misma frase: los lectores de pantalla pueden leer frase a frase.
- Escriba la explicación antes del enlace, para que se oiga primero.
- Aun así, prefiera enlaces con sentido propio: «consulte las bases de la convocatoria» es mejor que «aquí».
Cómo comprobarlo
- Localice los enlaces cuyo texto no se entiende solo.
- Compruebe que están dentro de un
<p>, sin otro bloque entre medias. - Lea la frase o el párrafo junto con el enlace y confirme que queda claro adónde lleva.
- Con un lector de pantalla, sitúese en el enlace y pida leer la frase o el párrafo actual.
Ejemplo
Párrafo de una convocatoria en el que la frase explica a qué bases lleva el enlace.
<p>
El plazo para pedir la beca de comedor termina el 15 de noviembre.
Antes de presentar la solicitud, consulte
<a href="bases-comedor.pdf">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 H78 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 identificar el propósito de un enlace a partir del enlace en el contexto de su párrafo. El párrafo que encierra el enlace proporciona contexto a un enlace que de otro modo resultaría poco claro, cuando ese párrafo es el elemento de bloque antecesor más cercano. 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 limitarse a indicar el URI del destino, en general, no es suficientemente descriptivo.
Estas descripciones resultarán más útiles al usuario si la información adicional necesaria para entender 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
Contenido de anuncios en la página web de un festival de música folk
<h3>The final 15</h3>
<p>
Coming soon to a town near you: the final 15 in the
National Folk Festival lineup.
<a href="final-15.html">Read more</a>
</p>
<h3>Folk artists get awards</h3>
<p>
Performers from the upcoming National Folk Festival receive
National Heritage Fellowships.
<a href="national-heritage.html">Read more</a>
</p>Pruebas
Procedimiento
Para cada enlace del contenido que utilice esta técnica:
- Comprobar que el enlace forma parte de un párrafo.
- Comprobar que el texto del enlace, combinado con el texto del párrafo que lo contiene, describe el propósito del enlace.
Resultados esperados
- Las comprobaciones n.º 1 y n.º 2 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 H78 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.