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

Pagination: Screenreader issues #1557

Open
silvalaura opened this issue Nov 14, 2024 · 0 comments · May be fixed by #1658
Open

Pagination: Screenreader issues #1557

silvalaura opened this issue Nov 14, 2024 · 0 comments · May be fixed by #1658
Assignees
Labels
a11y Issues related to accessibility
Milestone

Comments

@silvalaura
Copy link
Collaborator

Unexpected behavior when using a screen reader:

Steps to reproduce problem 1

  • Open Pagination;
  • Turn on the screen reader;
  • Select the classic Pagination;
  • Set more than 7 active items (count);
  • Focus on the 5th item (before dots) using a keyboard;
  • Press the Right arrow;
  • Notice that the screen reader announces 'dot dot dot'. Furthermore, to select the next element, you must press the Right arrow 3 times (through all dots).

Note:
Works with the Left arrow as well.

--

Steps to reproduce problem 2

  • Open Pagination;
  • Turn on the screen reader;
  • Select the classic Pagination;
  • Focus on the last item using a keyboard;
  • Press the Right arrow;
  • Notice that the screen reader announces some letters. Also, focus is lost, to get back, you must press the Left arrow after passing all the “invisible items” backwards.

Note:
Works with the Left arrow for the first item as well.

--

Steps to reproduce problem 3

Note:
If you turn on a screen reader, the focus will move as expected.

--

The screen reader doesn't read the expanded list.

Steps to reproduce problem 4

  • Open Pagination;
  • Turn on the screen reader;
  • Select simple pagination;
  • Focus on it using a keyboard;
  • Press Enter/Space to expand it;
  • Navigate through the expanded list using Top/Bottom arrows;
  • Notice that the screen reader doesn't read expanded items. (It will read only Page number {selectedNumber} of {maxNumber} pages selected)
@silvalaura silvalaura added the bug label Nov 14, 2024
@silvalaura silvalaura added testathon a11y Issues related to accessibility labels Nov 14, 2024
@silvalaura silvalaura added this to the 2025-Q1 Bugs milestone Jan 10, 2025
@chris-cedrone-cengage chris-cedrone-cengage self-assigned this Feb 3, 2025
@chris-cedrone-cengage chris-cedrone-cengage moved this from To Do to In Progress in React Magma Feb 3, 2025
@chris-cedrone-cengage chris-cedrone-cengage moved this from In Progress to Ready for QA in React Magma Feb 12, 2025
@chris-cedrone-cengage chris-cedrone-cengage moved this from Ready for QA to Ready for Review in React Magma Feb 12, 2025
@chris-cedrone-cengage chris-cedrone-cengage moved this from Ready for Review to In Progress in React Magma Feb 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issues related to accessibility
Projects
Status: In Progress
2 participants