Tipos de enlace
Los enlaces facilitan la accesibilidad a contenido adicional y aseguran que las personas usuarias puedan comprender y utilizar efectivamente las rutas de navegación propuestas. Los enlaces pueden estar dentro de un párrafo o separados del mismo en una estructura de lista.
Predeterminado
Se utiliza para enlazar contenido que se encuentra dentro del mismo sitio. Se puede utilizar para navegar dentro de una misma página como ancla, o para correos electrónicos y direcciones.
Externo
Se utiliza para enlazar contenido a un sitio web externo por fuera del dominio actual.
De acceso
Se utiliza para ver más información dentro de una sección de un mismo sitio. Por ejemplo, "Ver más noticias".
De descarga
Se utiliza para indicar la descarga de un recurso.
Diseño y estructura (contexto de uso)
Los enlaces cuentan con dos tamaños (grande y chico) para desktop y mobile, y con cuatro estados: predeterminado, sobre, en foco y visitado. Se pueden colocar dentro y fuera de un párrafo de texto, y agruparse dentro de una Lista de enlaces.
Enlace dentro de un párrafo
Enlace fuera de un párrafo
Usabilidad
Buenas prácticas
El texto de un enlace tiene que ser conciso y explicativo. Debe representar su propósito con claridad de modo que se entienda el destino del vínculo.
Incluir los enlaces al comienzo o final de las oraciones para facilitar la lectura.
Elegir el tipo de enlace adecuado según la navegación propuesta.
Malas prácticas
No utilizar demasiados enlaces dentro de un párrafo. Los enlaces agregan carga cognitiva y afectan a la lectura. Se sugiere limitarse a un enlace por oración para simplificar el mensaje.
No utilizar los enlaces como botones porque cumplen funciones diferentes. Los botones son llamados a la acción y los enlaces son hipervínculos.
No usar enlaces con textos ambiguos «click aquí » o «más información»; la persona usuaria debe saber exactamente adónde se dirigirá al hacer click el enlace.
No utilizar textos de enlace en negritas. Tampoco utilizar signos de puntuación.
No escribir TODO EN MAYÚSCULAS; dificulta la lectura y por convención web, sería como gritar o levantar la voz. Para más información ver la sección de
Contenidos.
No quitar el ícono que acompaña a los enlaces externos, de acceso y de descarga. Se utilizan como refuerzo semántico del tipo de enlace.
