Pasar al contenido principal

Lista de enlaces

La lista de enlaces organiza y orienta a la persona usuaria a través de diferentes secciones y recursos disponibles en un sitio web. Al funcionar como un bloque coherente, permite encontrar información deseada rápidamente.

Tipos de lista de enlaces

La lista de enlaces colabora con la usabilidad al permitir que la persona usuaria anticipe su camino y tome decisiones sobre cómo explorar el contenido disponible.

Lista de enlaces

Diseño y estructura (contexto de uso)

La lista se compone de un título y de una serie de enlaces organizados verticalmente. Los enlaces se separan por un espaciado específico que establece una distancia óptima entre los objetivos táctiles. En desktop, el ancho máximo de la lista es de 8 columnas, y en mobile ocupa todas las columnas.

Lista de enlacesLista de enlaces

Lista de enlaces predeterminados

Se utiliza para navegar a modo de ancla diferentes contenidos dentro de una misma página.

Lista de enlaces

Lista de enlaces de descarga

Se utiliza al final de la página para agrupar recursos descargables.

Lista de enlaces

Usabilidad

Buenas prácticas

Utilizar los ítems de la lista de enlaces según los lineamientos del componente Enlace.
El título de la lista debe ser coherente con el tipo de contenido que posee dentro.

Malas prácticas

No se debe 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.
No combinar listas de enlaces con listas informativas.
Logo del sistema de diseño Obelisco
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative Commons Reconocimiento 2.5 Argentina License.