Texto de enlace comprensible fuera de contexto

Los usuarios de lectores de pantalla suelen abrir una lista con todos los enlaces de una página. Cada uno debe tener sentido por sí solo, sin ninguna oración alrededor.

Imagine una lista de diez enlaces que solo dicen haga clic aquí. Fuera de contexto no sirven de nada, porque nada permite distinguirlos. 😕

Un buen texto del enlace indica adónde va. Use el título de la página o del documento para que el enlace se entienda claramente por sí solo.

Expresiones como leer más y saber más se repiten por toda la página y no indican a nadie adónde llevan realmente.

Coloque las palabras más útiles al principio del enlace. Así, los usuarios que buscan por la primera letra encuentran más rápido el enlace correcto.

Una URL sin más como texto del enlace se oye como una larga cadena de letras y barras. Use palabras comprensibles que indiquen el destino.

Si dos enlaces llevan al mismo lugar, deles el mismo texto. Usar palabras diferentes para un mismo destino solo confunde a las personas.

Si debe mantener un texto visible corto, aria-label puede proporcionar al enlace un nombre accesible más completo que los lectores de pantalla anunciarán.

Cuando añada una etiqueta, mantenga las palabras visibles dentro del nombre accesible para que los usuarios del control por voz puedan decir lo que ven.

Un enlace que solo contiene un icono no tiene texto que leer. Proporciónele una etiqueta visible o un nombre accesible; nunca lo deje sin nada.

Por lo general, no necesita incluir la palabra enlace en el texto. El lector de pantalla ya anuncia el rol, así que se oiría dos veces.

¿Por qué el texto de enlace «haga clic aquí» supone un problema para los usuarios de lectores de pantalla?

Escriba un texto del enlace que se entienda por sí solo e indique su destino. Elimine «haga clic aquí» y cada enlace se explicará por sí mismo. ✨