UI Shell

El shell de la interfaz de usuario está formado por tres componentes: el encabezado, el panel izquierdo y el panel derecho. Los tres se pueden usar de forma independiente, pero los componentes fueron diseñados para trabajar juntos.

Header

Este componente es parte de UI Shell y contempla el más alto nivel de navegación. El header se utiliza para la navegación con más jerarquía dentro del software, es recomendado tener a primera vista las acciones más necesarias, o con más prioridad para el usuario, este menu puede activar los paneles izquierdo y derecho.

Sidebar

Este componente es llamado UI Shell Left Panel. Este panel izquierdo es parte de la carcasa del UI Shell. El panel izquierdo contiene navegación secundaria y se coloca debajo del encabezado y se fija a la izquierda. Tanto los enlaces como los submenús se pueden usar en la navegación lateral y se pueden mezclar.

Use el panel izquierdo si hay más de cinco elementos de navegación secundarios, o si espera que un usuario cambie entre elementos secundarios con frecuencia. Los submenús se indican con el icono de caret down y se expanden cuando se hace clic, empujando los otros elementos hacia abajo en el panel. Para contraer el submenú, el usuario debe hacer clic nuevamente en el encabezado del menú en el panel izquierdo.

Consideraciones de accesibilidad

• Las etiquetas deben ser claras y concisas.

• Los títulos deben ser únicos y describir claramente el contenido de la página.

• Evite nombres de opciones de menú muy largos para facilitar la comprensión y la perceptibilidad.

• No use la misma palabra o frase al comienzo de un conjunto de elementos de menú.

• Use una identificación única para cada elemento del menú.