-
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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSDSERVER-14269] Project | All open: Missing list mark-up
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Gathering Impact [ 12072 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 10.3.0 [ 109406 ] |
| Remote Link | Original: This issue links to "A11Y-286 (Bulldog)" [ 931087 ] | New: This issue links to "A11Y-286 (JIRA Server (Bulldog))" [ 931087 ] |
| Labels | Original: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-medium-priority ax-qa ril | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-medium-priority ax-qa ax-qa-fixed ax-qa-verified ril |
| Attachment | New: Screenshot 2024-12-13 at 7.00.44 PM.png [ 476093 ] |
| Labels | Original: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-medium-priority ax-qa | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-medium-priority ax-qa ril |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 955960 ] |
| Remote Link | New: This issue links to "A11Y-286 (Bulldog)" [ 931087 ] |
| Labels | Original: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-medium-priority ax-qa | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-medium-priority ax-qa |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |