Navegación lateral
Biblioteca de componentes
Cómo usar este componente
Seleccione el componente Navegación lateral para páginas con un número significativo de páginas relacionadas. Este componente se coloca en el lado izquierdo de una página web y brinda a los usuarios enlaces verticales a páginas relacionadas en la misma sección.
Un componente de navegación lateral proporciona a los usuarios vínculos verticales en el lado izquierdo de una página, lo que les permite navegar a páginas relacionadas del mismo nivel.
Estados de navegación lateral: predeterminado, desplazamiento, activo y foco
Prácticas recomendadas
- Úselo en páginas con muchas páginas relacionadas con el hermano.
- Use títulos de página descriptivos y sucintos.
- Organice los elementos en la navegación lateral de forma lógica y en función de la relevancia.
- Evite el uso de enlaces externos; Solo se permiten enlaces TxDOT.gov.
- No coloque el componente SideNav en ubicaciones que no sean la columna izquierda de un control de columna.
Colocación
- El componente SideNav se dibuja dinámicamente desde AEM. El contenido de la lista no se puede cambiar en la página, aparte de "Marcar para ocultar páginas hermanas".
- Vuelva a comprobar el contenido para asegurarse de que todos los elementos son relevantes para la página en la que se utiliza el componente.
- Habilite la opción "Marcar para ocultar páginas hermanas" si no se deben mostrar las páginas secundarias.
- Muestre siempre el componente SideNav en la columna izquierda de un control de columna para mantener la coherencia visual. Use diseños como 3-9 o 3-6-3 para mantener la coherencia visual.
Pautas de accesibilidad
- Asegúrese de que los enlaces de SideNav sean accesibles con el teclado.
- Proporcione un texto de enlace claro y descriptivo para los lectores de pantalla.
- Mantenga un orden lógico de tabulación en la navegación.
Lista de verificación del coordinador web
- Seleccione el diseño de control de columna adecuado (3-9 o 3-6-3).
- Coloque el componente SideNav en la columna izquierda de un control de columna.
- Verifique que todos los enlaces incluidos sean enlaces internos TxDOT.gov.
- Reordene las páginas en AEM si se necesita un orden de vínculo específico y vuelva a publicar.
- Habilite "Marcar para ocultar páginas hermanas" si es necesario.
- Pruebe la navegación para la accesibilidad del teclado y la compatibilidad del lector de pantalla.