Skip to main content

Pagination

Pagination affords navigation between pages of content, and it highlights the page currently in view.

Accessibility

  • Use a wrapping <nav> element to identify it as a navigation section to screen readers and other assistive technologies.
  • Pagination is built with the ordered list ol HTML elements, so screen readers can announce the number of available links.
  • As pages likely have more than one such navigation section, it’s advisable to provide a descriptive aria-label for the <nav> to reflect its purpose. For example, if the pagination component is used to navigate between a set of search results, an appropriate label could be aria-label="Search results pages".
Last updated September 17, 2024.