Create breadcrumbs to show users their location within a website.
The Breadcrumb component consists of links, which are aligned side by side and separated by a divider. Add the .uk-breadcrumb class to a <ul> element to define the component. Use <a> elements as breadcrumb items within the list. An active state is automatically applied to the last <li> element.
To add list items without a link, use a <span> element instead of an <a>. Alternatively, disable an <a> element by adding the .uk-disabled class to the <li> element and remove the href attribute from the anchor to make it inaccessible through keyboard navigation.
In order for the Breadcrumb component to adhere to the Breadcrumb design pattern, set the appropriate WAI-ARIA roles, states and properties.
nav element and set the aria-label property to describe the type of the provided navigation.aria-current="page" property.