Skip to content

Accessibility issues with Pagination (recommendations) #235

@roelvangils

Description

@roelvangils

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityAccessibility can be improved

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions