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 bearia-label="Search results pages"
.
Was this page helpful?
Thanks for your feedback!