Accessibility
Pagination helps us to add navigation links to reveal more content on the page. Use a wrapping nav
element to
identify pagination as a navigation section to screen readers and other assistive technologies.
Considerations
While working with pagination it's important to keep in mind the following:
1. Wrapping the pagination component in a nav
element
In order to let AT users recognize that there is a pagination, we should wrap the links in a nav
element.
2. Labelling the navigation links
It's important to have our elements label to clearly indicate where we hare and where our following action will take us.
3. Use of aria-current="true"
label
It will tell assistive technologies that the focused link is pointing to the current page.
4. Use of aria-disabled="true"
label
Adding the corresponding attribute will help any assistive technologies to indetify that a specific item is disabled.