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 list
ul HTML element, 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".