Detailed overview of the accessibility features implemented in CoreUI Vue Breadcrumb, ensuring compliance with WAI-ARIA guidelines.
On this page
Accessibility
Since breadcrumbs provide navigation, it’s useful to add a significant label such as aria-label="breadcrumb" to explain the type of navigation implemented in the <nav> element. You should also add an aria-current="page" to the last item of the set to show that it represents the current page. CoreUI for Vue.js adds all of these labels to the breadcrumb components.
For more information, see the WAI-ARIA Authoring Practices for the breadcrumb pattern.