Breadcrumb
A Breadcrumb is used to help aid user navigation when navigating through sub pages of the website. It appears at the top of content pages as a method of navigation back to previously visited pages.
Use guidance
The Breadcrumb component aims to aid user experience by allowing them to see both a path of previously visited webpages and the structure in which these pages occupy. It acts as a quick navigation point between sections/subsections, allowing users to quickly navigate back and forward through pages.
Use on subpages to help users follow their website journey and help with navigation
Use at the top of a page, clearly separate from content areas and other navigable elements
Separate each page/section with chevrons as seen above
Use when unecessary (e.g. on the Search page)
Position the Breadcrumb in other locations (e.g. with content)
Use more than one Breadcrumb on a page
Use colour in a Breadcrumb component