Pagination is the process of dividing information between multiple pages instead of showing it all on a single page; also the name usually given to the interface used for navigating between pages.
14 examples
Pagination
NHS Digital service manual
- Code examples
- Usage guidelines
- Research
Pagination
A11Y Style Guide
- Code examples
- Usage guidelines
- Accessibility
Pagination
Solid
- Code examples
- Usage guidelines
- Accessibility issues
Pagination
Carbon Design System
- Code examples
- Usage guidelines
Pagination
Atlaskit
- Code examples
- Usage guidelines
Pagination
Polaris
- Code examples
- Usage guidelines
- Accessibility
Pagination
Barnardo’s Design System
- Code examples
- Research
- Usage guidelines
Pagination
Rizzo
Pagination
Stacks
- Code examples
- Usage guidelines
Pagination
Primer
- Code examples
Pagination
Bolt Design System
Pagination
Bootstrap
- Accessibility
- Code examples
Pagination
Ant Design
- Code examples
- Accessibility issues
Pagination
Bulma
- Code examples
- Accessibility issues
Description
Pagination is the process of dividing related content between multiple pages. Like pages in a book, these pages are ordered in a sequence. The term pagination is also used for the interface controls used to navigate between pages.
The most basic pagination controls are simple 'next' and 'previous' buttons.
Usage guidelines
Markup
- As pagination is a form of navigation you should put them in a
<nav>element. - Add a meaningful label such as
aria-label="Pagination"to the<nav>element to differentiate it from other navigation landmarks. - Add the
aria-current="page"attribute to the item which represents the current page.