Detailed overview of the accessibility features implemented in CoreUI React 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 React adds all of these labels to the breadcrumb components.
For more information, see the WAI-ARIA Authoring Practices for the breadcrumb pattern.