desy-angular v11.0 - Manual de integración DesyNavModule
- Integración OTRS y JIRA
Componentes relativos a navegación
Vamos a ver como se usa cada uno de los componentes.
Breadcrumbs
<desy-breadcrumbs ...></desy-breadcrumbs>Proporciona enlaces a cada página anterior por la que se navega y muestra la ubicación actual del usuario en un sitio web.
Error Summary
<desy-error-summary ...>...</desy-error-summary>Permite representar un resumen de errores
Footer
<desy-footer ...></desy-footer>Permite representar un pie de página
Header
<desy-header ...></desy-header>Permite representar una cabecera.
Header Mini
<desy-header-mini ...></desy-header-mini>Permite representar una cabecera mini.
Header Advanced
<desy-header-advanced ...></desy-header-advanced>Permite representar una cabecera avanzada.
Links-list
<desy-links-list ...></desy-links-list>Permite representar una lista de enlaces.
MenuNavigation
<desy-menu-navigation ...>...</desy-menu-navigation>Permite representar un menú de navegación tanto con items simples como items con un listado de items desplegable.
Menubar
<desy-menubar ...>...</desy-menubar>Permite representar un menú horizontal tanto con items simples como items con un listado de items desplegable.
Menu-horizontal
<desy-menu-horizontal ...></desy-menu-horizontal>Permite representar un menú en dirección horizontal.
Menu-vertical
<desy-menu-vertical...></desy-menu-vertical>Permite representar un menú en dirección vertical.
Nav
<desy-nav ...></desy-nav>Permite representar un menú de navegación
Notification
<desy-notification...></desy-notification>Permite representar un mensaje de notificación
Skip-link
<desy-skip-link ...></desy-skip-link>Permite representar un enlace de saltar contenido.
Accesibilidad
En todos los componentes se han tenido en cuenta los siguiente parámetros de accesibilidad. Se detalla en cada componente.
Parámetro | Atributo de accesibilidad equivalente |
|---|---|
role | role |
ariaLabel | aria-label |
ariaDescribedBy | aria-describedby |
ariaLabelledBy | aria-labelledby |
ariaHidden | aria-hidden |
ariaDisabled | aria-disabled |
ariaControls | aria-controls |
ariaCurrent | aria-current |
ariaLive | aria-live |
ariaExpanded | aria-expanded |
ariaErrorMessage | aria-errormessage |
ariaHasPopup | aria-haspopup |
tabindex | tabindex |