Behavior comparison

Pagination vs Stepper

Decisive difference

Pagination browses peer pages of content in any order; Stepper tracks ordered stages of a process with a current position.

PaginationChoose Pagination if the pages are equivalent slices of a collection and none must be completed before another.
StepperChoose Stepper if a linear process has at least three meaningful stages the user completes in order.

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	PaginationPagination	StepperStepper
Trigger	Activating a page, Previous, or Next link loads another slice of one result set.	The surrounding workflow advances or returns between meaningful process stages.
Modality	Non-modal navigation between document locations or result URLs.	Non-modal progress context for a multi-step task; it does not block the current step.
Placement	Adjacent to the paginated collection, commonly after its current page of results.	Near the workflow heading, ordered from the first stage to the final stage.
Interactivity	Uses real links, exposes the current page, and may condense distant ranges with noninteractive ellipses.	Primarily communicates completed, current, and upcoming stages; a stage is interactive only when navigation is truly allowed.
Focus	Native navigation follows browser behavior; an in-place result update moves focus to the results heading or announces the new page consistently.	After an in-place stage change, focus the new step heading or use one documented equivalent; never focus a decorative segment.
Dismissal	Pagination is persistent navigation and is not dismissible.	The indicator is persistent workflow context and is not dismissible.
Accessible role	nav[aria-label] > ul > li > a[aria-current=page]	ol > li[aria-current=true] + heading
Use case	Search results or collections need stable shareable pages	A stable linear process has at least three meaningful sections
Mobile behavior	Prioritize Previous and Next, keep targets comfortable, and reduce visible page numbers instead of shrinking them.	Keep a concise “step X of Y” heading and hide secondary labels before compressing the status beyond recognition.

Pagination vs Stepper

Decisive difference

Pagination browses peer pages of content in any order; Stepper tracks ordered stages of a process with a current position.

PaginationChoose Pagination if the pages are equivalent slices of a collection and none must be completed before another.
StepperChoose Stepper if a linear process has at least three meaningful stages the user completes in order.

See the nine dimensions See the sources

Nine dimensions

Dimension	PaginationPagination	StepperStepper
Trigger	Activating a page, Previous, or Next link loads another slice of one result set.	The surrounding workflow advances or returns between meaningful process stages.
Modality	Non-modal navigation between document locations or result URLs.	Non-modal progress context for a multi-step task; it does not block the current step.
Placement	Adjacent to the paginated collection, commonly after its current page of results.	Near the workflow heading, ordered from the first stage to the final stage.
Interactivity	Uses real links, exposes the current page, and may condense distant ranges with noninteractive ellipses.	Primarily communicates completed, current, and upcoming stages; a stage is interactive only when navigation is truly allowed.
Focus	Native navigation follows browser behavior; an in-place result update moves focus to the results heading or announces the new page consistently.	After an in-place stage change, focus the new step heading or use one documented equivalent; never focus a decorative segment.
Dismissal	Pagination is persistent navigation and is not dismissible.	The indicator is persistent workflow context and is not dismissible.
Accessible role	nav[aria-label] > ul > li > a[aria-current=page]	ol > li[aria-current=true] + heading
Use case	Search results or collections need stable shareable pages	A stable linear process has at least three meaningful sections
Mobile behavior	Prioritize Previous and Next, keep targets comfortable, and reduce visible page numbers instead of shrinking them.	Keep a concise “step X of Y” heading and hide secondary labels before compressing the status beyond recognition.