Behavior comparison

Breadcrumbs vs Pagination

Decisive difference

Breadcrumbs move up a hierarchy of parent pages; Pagination moves sideways between peer slices of one collection.

BreadcrumbsChoose Breadcrumbs if the current page has ancestors the user may want to return to.
PaginationChoose Pagination if one long list or result set is split into stable, shareable pages.

See the nine dimensions See the sources

Decision

Family question

Should this locate the page in a hierarchy, move across result pages, or show a process stage?

Nine dimensions

Dimension	BreadcrumbsBreadcrumbs	PaginationPagination
Trigger	Following a named ancestor link moves upward in the current hierarchy.	Activating a page, Previous, or Next link loads another slice of one result set.
Modality	Non-modal navigation; the current page remains fully available.	Non-modal navigation between document locations or result URLs.
Placement	A compact trail before the main heading, ordered from root to current page.	Adjacent to the paginated collection, commonly after its current page of results.
Interactivity	Ancestor items are links; the current page is identified and is usually plain text.	Uses real links, exposes the current page, and may condense distant ranges with noninteractive ellipses.
Focus	Visible focus remains on each ancestor link until navigation; a plain-text current page is not an extra tab stop.	Native navigation follows browser behavior; an in-place result update moves focus to the results heading or announces the new page consistently.
Dismissal	Breadcrumbs are persistent navigation and are not dismissible.	Pagination is persistent navigation and is not dismissible.
Accessible role	nav[aria-label] > ol > li > a[aria-current=page]	nav[aria-label] > ul > li > a[aria-current=page]
Use case	Pages belong to a hierarchy several levels deep	Search results or collections need stable shareable pages
Mobile behavior	Preserve the current location and nearest ancestor without making essential hierarchy depend on horizontal scrolling.	Prioritize Previous and Next, keep targets comfortable, and reduce visible page numbers instead of shrinking them.

Breadcrumbs vs Pagination

Decisive difference

Breadcrumbs move up a hierarchy of parent pages; Pagination moves sideways between peer slices of one collection.

BreadcrumbsChoose Breadcrumbs if the current page has ancestors the user may want to return to.
PaginationChoose Pagination if one long list or result set is split into stable, shareable pages.

See the nine dimensions See the sources

Nine dimensions

Dimension	BreadcrumbsBreadcrumbs	PaginationPagination
Trigger	Following a named ancestor link moves upward in the current hierarchy.	Activating a page, Previous, or Next link loads another slice of one result set.
Modality	Non-modal navigation; the current page remains fully available.	Non-modal navigation between document locations or result URLs.
Placement	A compact trail before the main heading, ordered from root to current page.	Adjacent to the paginated collection, commonly after its current page of results.
Interactivity	Ancestor items are links; the current page is identified and is usually plain text.	Uses real links, exposes the current page, and may condense distant ranges with noninteractive ellipses.
Focus	Visible focus remains on each ancestor link until navigation; a plain-text current page is not an extra tab stop.	Native navigation follows browser behavior; an in-place result update moves focus to the results heading or announces the new page consistently.
Dismissal	Breadcrumbs are persistent navigation and are not dismissible.	Pagination is persistent navigation and is not dismissible.
Accessible role	nav[aria-label] > ol > li > a[aria-current=page]	nav[aria-label] > ul > li > a[aria-current=page]
Use case	Pages belong to a hierarchy several levels deep	Search results or collections need stable shareable pages
Mobile behavior	Preserve the current location and nearest ancestor without making essential hierarchy depend on horizontal scrolling.	Prioritize Previous and Next, keep targets comfortable, and reduce visible page numbers instead of shrinking them.