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
olHTML 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-labelfor 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!