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.


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.