Migas de pan

Las migas de pan tienen una composición diferente dependiendo de la variante.

Existen 2 variantes de migas de pan, que se utilizan según el dispositivo desde el que navega la persona usuaria.

Puede estar compuesta por hasta 4 enlaces de ancla, que representan el camino de la persona usuaria.

En dispositivos móviles, solo se ve un enlace de ancla, que hace referencia a la página anterior a la que se encuentra la persona usuaria, y sirve para volver un paso hacia atrás.

El componente de migas de pan está construido para ser reconocido por herramientas de asistencia como la navegación por teclado o lectores por voz.

Utilizando el tab la persona usuaria puede navegar a través de elementos de la interfaz. Además, con el enter, puede accionar los elementos sobre los que esté posicionada como botones, enlaces, entre otros.

Las migas de pan son otra forma de navegar el sitio, por lo que utilizan una etiqueta semántica (<nav>), y están identificadas como una navegación secundaria a través del atributo aria-label. Esto permite diferenciar las migas de pan de otro elementos de navegación, y ser reconocidas independientemente de la forma en que la persona usuaria recorra la página.

    <nav aria-label="Navegación secundaria">
      <ol class="breadcrumb">
        ...
      </ol>
    </nav>

La presentación visual de elementos de la interfaz de usuario y objetos gráficos tiene por lo menos una relación de contraste de 3:1 con respecto a los colores adyacentes.

La presentación visual de texto y de imágenes de texto tiene una relación de contraste de por lo menos 4.5:1, excepto textos grandes e imágenes de texto grande que tienen un contraste de por lo menos 3:1, textos o imágenes que son parte de un componente inactivo de interfaz de usuario o son pura decoración, o logotipos.

Todas las funcionalidades del contenido se puede operar a través de una interfaz de teclado.

Al navegar por las migas de pan con el teclado, el foco en los enlaces permanece en orden lógico en relación con los demás enlaces en la ruta de navegación.

Cualquier interfaz de usuario operable por teclado tiene un modo de operación donde el indicador de enfoque del teclado es visible. Cuando utiliza un teclado para navegar por las migas de pan, los enlaces tienen un subrayado visible y un recuadro outline que indica que los enlaces son interactivos.

Cuando navega por diferentes páginas del sitio web, los enlaces de las migas de pan siempre están en el mismo orden y en el mismo lugar.

Los usuarios saben dónde se encuentran en un conjunto de páginas.