-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The pagination buttons are not coded using list mark-up 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 pagination buttons.
- Listen that the list structure is not announced for the text that represent related information.
Screenshot
Actual Results
List mark-up is not used to present related information programmatically. For example, pagination buttons such as "Previous", "1", "Next", etc. are not marked as unordered list which visually looks like a list of related items. As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.
Expected Results
Use appropriate list mark-up, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.
Code Snippet:
<ul> <li><button page="1" class="css-13cqjti" type="button" tabindex="0"><span class="css-178ag6o">1</span></button></li> (...) </ul>
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
- is related to
-
-
- Gathering Impact
-
- is resolved by
-
A11Y-268 You do not have permission to view this issue
- links to
