-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The current state is not defined for the currently selected pagination button.
Steps to Reproduce
- Open the "Project - All open" page.
- Navigate to the main content.
- Navigate to the pagination buttons.
- Inspect the code.
- Notice that the current page state is not programmatically defined.
Screen Recording
JSM_ All open - Google Chrome 2023-09-12 11-35-03.mp4
Actual Results
The current state is not programmatically defined for the currently active pagination button.
As a result, screen reader users will not be aware of the currently active state of the button.
Expected Results
Ensure that the current state of the active pagination button is defined using the "aria-current" attribute with an appropriate token value.
Apply the following changes:
- Add the aria-current="page" attribute to <button> element of the button.
- Ensure that the "aria-current" attribute is updated as per user interaction using scripting.
Code Snippet
<button page="1" class="css-13cqjti" type="button" aria-current="page" tabindex="0"> <span class="css-178ag6o">1</span> </button>
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
- is resolved by
-
A11Y-287 You do not have permission to view this issue
- links to
