-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The pagination buttons are not coded using list markup 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 pagination buttons.
- Listen that the list structure is not announced for the text that represents related information.
Screenshot
Actual Results
List markup is not used to present related information programmatically. For example, pagination buttons such as "Previous", "1", "2", "Next", etc. are not marked as an 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 markup, 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 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-286 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|