Lead: Yehiel Elad-Certner (Unlicensed) Status colour Yellow title ongoing
| Table of Contents |
|---|
Description
Breadcrumbs should be used as a secondary navigational aid, They indicate the current page’s location within a hierarchy and help the user understand where they are in relation to the rest of that hierarchy.
Breadcrumbs enable users to move quickly up to a parent level or previous step.
Usage & Behaviour
...
Breadcrumbs are always treated as secondary and should never entirely replace the primary navigation.
Structure
The breadcrumbs component should include:
- the user’s current page in the end of the raw row in regular text
- The other links in the breadcrumb should behave as text links.
- Truncation When a breadcrumbs line exceed the page width truncation should occur at the 2nd level of the breadcrumb, and move upward if necessary while keeping the first and last levels.
Placement and Positioning
- The Breadcrumb should be position at the top of the page, below the masthead or above the main header
- The breadcrumb can expand across 1
...
- row of text, truncation should occur when reaching the right border of the page
States
- The Breadcrumb Hierarchy links should behave as Text links
...
- Every click on a link in the breadcrumb will afford one-click access will access to higher levels of that hierarchy
Best practices
- Breadcrumbs are always treated as secondary and should never entirely replace the primary navigation
- Breadcrumbs should be used when there are 2 or more than 2 linear levels to a page
Accessibility compliance
...