-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
Non-descriptive labels "Previous", "1", "Next", etc. is provided for pagination buttons in the main content area.
Steps to Reproduce
- Open the "Project - Waiting for Support" page.
- Navigate to the main content.
- Using 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", "Next", etc. are specified for the buttons.
As a result, screen reader user might not understand the purpose of the buttons effectively.
Expected Results
Provide the unique and descriptive label for the buttons using aria-label attribute. For example, provide the labels such as "Previous page", "Page 1", "Next page", etc. for the buttons.
Code Snippet:
<button page="1" aria-label="Page 1" class="css-13cqjti" 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
- relates to
-
-
- Closed
-
- is resolved by
-
![[JIRA Server (Bulldog)]](/images/icons/generic_link_16.png "[JIRA Server (Bulldog)]")
A11Y-277
You do not have permission to view this issue
- links to
- mentioned in
-
Page Failed to load