Looks good overall. These recommendations would make it even better:
- A disabled link (next and previous page) receives a different mouse-pointer and a
href of null. This might cause confusion for AT users as the link can still be focused but is pronounced incorrectly by a screen reader and has an invalid hrefvalue. The easiest way to fix this is to remove the link completely.
- The list does not state what the pagination works on. What information changes when navigating? If it's not the entire page, it should probably not be in a
<nav> and the accessible name should make clear what it changes.
- To help AT users, the number of items in the list could be mentioned. The number of items could be put in with
aria-describedby and referencing the "item per page" text.
Looks good overall. These recommendations would make it even better:
hrefofnull. This might cause confusion for AT users as the link can still be focused but is pronounced incorrectly by a screen reader and has an invalidhrefvalue. The easiest way to fix this is to remove the link completely.<nav>and the accessible name should make clear what it changes.aria-describedbyand referencing the "item per page" text.