<?xml version="1.0" encoding="utf-8"?>
Navigation system
Exercise

Navigation system

Breadcrumbs
Exercise

Breadcrumbs

Breadcrumbs
Exercise

Breadcrumbs

Navigation components
Exercise

Navigation components

Allow users to access pages in overflow
Exercise

Allow users to access pages in overflow

When to use breadcrumbs
Exercise

When to use breadcrumbs

Use overflow menus
Exercise

Use overflow menus

Don't replace the global navigation with breadcrumbs
Exercise

Don't replace the global navigation with breadcrumbs

Truncate long labels
Exercise

Truncate long labels

Button breadcrumbs
Exercise

Button breadcrumbs

Divider styling
Exercise

Divider styling

Use the breadcrumb trail to display hierarchy
Exercise

Use the breadcrumb trail to display hierarchy

Provide enough space between links
Exercise

Provide enough space between links

Indicate the home page with the first breadcrumb
Exercise

Indicate the home page with the first breadcrumb

Breadcrumbs positioning
Exercise

Breadcrumbs positioning

Current page
Exercise

Current page

Previous pages
Exercise

Previous pages

Text breadcrumbs
Exercise

Text breadcrumbs

Don't go overboard with the styling
Exercise

Don't go overboard with the styling

Left-align breadcrumbs to simplify scanning
Exercise

Left-align breadcrumbs to simplify scanning

Breadcrumbs should only include site pages
Exercise

Breadcrumbs should only include site pages

Create landmarks
Exercise

Create landmarks

Keep a single breadcrumb on mobile
Exercise

Keep a single breadcrumb on mobile

The principle of front doors
Exercise

The principle of front doors

Utilize breadcrumbs
Exercise

Utilize breadcrumbs

Why indicate current location?
Exercise

Why indicate current location?

Wayfinding elements
Exercise

Wayfinding elements

Ensure smooth navigation and information architecture
Exercise

Ensure smooth navigation and information architecture

Navigation patterns
Exercise

Navigation patterns