Vínculos

Un elemento clickeable con funcionalidad de navegación. Al hacer clic, lleva al usuario a otra página de un servicio externo o interno. Con menos frecuencia, navega al usuario a una sección diferente de la página.

Tiene tres tipos: normal (acento), primario (negro) y secundario (gris).

Normal

Es el patrón de usuario más común y conocido. Se utiliza para distinguir visualmente elementos dentro de texto, tablas y como parte de la navegación. También se utiliza en páginas de error y estados nulos.

Primario

Se utiliza cuando es obvio para el usuario que un elemento es interactivo, pero los enlaces de color acentuado sobrecargarían visualmente la interfaz y alterarían el equilibrio de los elementos de la página.

Secundario

Similar a los enlaces primarios, este tipo se utiliza cuando es obvio para el usuario que el elemento es interactivo y el objetivo es no distraer al usuario de los elementos de énfasis de la página. Generalmente se utiliza en migas de pan o al mostrar atributos secundarios.

§Estados

Los enlaces siempre tienen dos estados: predeterminado y hover.

Puede habilitar el etiquetado para enlaces visitados, si es necesario.

§Puede usarse como:

• elementos independientes
• parte del texto

Puede incluir un icono para indicar un enlace externo

§Tamaño

La fuente utilizada para los enlaces debe ser proporcional al texto circundante y alinearse con la jerarquía general de la página.

§Recomendaciones

El texto del enlace debe ser autoexplicativo incluso cuando se usa sin el resto del texto y decirle al usuario a dónde conduce el enlace (nombre del servicio, título o descripción de la sección)