Rastro de migas

Definición

El rastro de migas muestra a las personas usuarias su ubicación dentro de la jerarquía de navegación del sitio web que está visitando. Este componente ayuda por tanto a orientar al visitante, y es particularmente efectivo cuando la navegación comienza en una página interior en lugar de en la portada.

Anatomía

Se compone de 3 elementos principales.

1. Inicio: Enlace a la página de inicio de la experiencia.
2. Niveles de navegación: Cada nivel de jerarquía está enlazado con la página que lo representa dentro de la estructura del sitio.
3. Separador: chevron que separa visualmente cada nivel en la ruta de navegación completa

Tipos

Por defecto

Pautas de uso

Incluye el rastro de migas en todas las páginas interiores

• Incorpora el rastro de migas en todas las páginas del sitio, excepto la portada.
• Introduce el rastro de migas en su posición estándar, a continuación del encabezado.

Muestra la jerarquía desde la portada hasta el nivel de navegación anterior

• Incluye todos los niveles jerárquicos de navegación previos a la página actual, incluyendo la portada (identificada con el término "Inicio"). Todos los niveles que incluyas en el rastro de migas tienen que estar enlazados a la página equivalente en la jerarquía de navegación del sitio. No incluyas el título de la página actual en el rastro de migas.

Recorta los títulos de los niveles de navegación demasiado largos

• Si el título de un nivel de navegación resulta demasiado largo (50 caracteres o más), puedes recortarlo incluyendo una elipsis (...) al final.

Componentes relacionados

A excepción de la portada, forma parte de todas las páginas

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)

Control de versiones