Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[fix] Add the ability for screen reader users to know that a page is the last page when navigating the Pagination component #3093

Open
obliviga opened this issue Feb 4, 2025 · 0 comments
Labels
type: bug Something isn't working like it's supposed to

Comments

@obliviga
Copy link

obliviga commented Feb 4, 2025

ReactUSWDS Version & USWDS Version:

    "@trussworks/react-uswds": "^9.1.0",
    "@uswds/uswds": "3.11.0",

Describe the bug
USWDS's accessibility guidance on the Pagination component recommends the following:

Voice “last page” on the last page’s link in a bounded set. Use aria-label="last page, page [#]" to voice that the last element in the navigation is the last page in the paginated section. Don’t include this on the last navigation element in an unbounded set, since there is no last page in an unbounded set.

To Reproduce
Steps to reproduce the behavior:

  1. Implement the pagination component
  2. Notice that the last page link does not have an aria-label that tells the user it's the last page
  3. Link to implementation: https://trussworks.github.io/react-uswds/?path=/docs/components-pagination--docs

Expected behavior
The last page link needs to have an aria-label that tells the user it's the last page.

Screenshots

Image

Additional context

Device and Browser Information (please complete the following information if describing a UI bug):

  • Mac OS
  • Chrome 132.0.6834.160
@obliviga obliviga added the type: bug Something isn't working like it's supposed to label Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working like it's supposed to
Projects
None yet
Development

No branches or pull requests

1 participant