Breadcrumbs
v4.0.0Breadcrumbs are a navigational aid that display a user's location on a website as a row of links, usually located at the top of the page.
Released
- History
- View changes
- Install
- npm i @gold.au/breadcrumbs
- Tags
- Requires
- Contributors
Location based breadcrumb
We have chosen to roll out a location based breadcrumb style, which shows users where their current page stands in the hierarchy of a website. Other styles include path based (or history) breadcrumb trails, which enable users to see the path that they have taken.
Aria-current
In our approach, the final item in the breadcrumb list is not a link. Another way to approach breadcrumbs is making the last item a link with the aria-current="page"
attribute. Screenreaders will announce to the user that they are on the current page.
Both approaches are valid, however the "aria-current" attribute is currently not supported by older browsers and screen readers.
It is useful to hear that the user is on the current page when they reach the final item of the breadcrumb list, however references to the current page can be confusing to a user when they hear that it is a link. We are trying our best to balance these two approaches.