Estamos trabajando en la migración de nuestra librería de componentes de Bootstrap 4 a Bootstrap 5 en Obelisco V2. Si sos parte de los colaboradores del GCBA y necesitás más información sobre los proximos cambios, contáctanos vía mail. Si querés reportar algún problema o resolver una duda, podés abrir un issue en GitHub.
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.
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.
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 enlaces predeterminados
Se utiliza para navegar a modo de ancla diferentes contenidos dentro de una misma página.
Lista de enlaces de descarga
Se utiliza al final de la página para agrupar recursos descargables.
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.