-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
Non-descriptive labels "Previous", "1", "2", "3", etc. are provided for pagination buttons in the main content area.
Steps to Reproduce
- Open the "Project - All open" page.
- Navigate to the main content.
- Using the screen reader, navigate to the mentioned buttons.
- Listen that the button labels are non-descriptive.
Screenshot
Actual Results
Non-descriptive labels such as "Previous", "1", "2", "3", etc. are specified for the buttons.
As a result, screen reader users might not understand the purpose of the buttons effectively.
Expected Results
Provide the unique and descriptive label for the buttons using the aria-label attribute. For example, provide the labels such as "Previous page", "Page 1", "Page 2", "Page 3", etc. for the buttons.
Code Snippet
<button page="1" class="css-13cqjti" aria-label="Page 1" type="button" tabindex="0"> <span class="css-178ag6o">1</span> </button>
Workaround
Currently, there is no known workaround for this behavior. 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
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|