Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Description
Issue Summary
The list mark-up is not used for "Columns", "Bulk", "Share" and "Export" buttons.
Steps to Reproduce
- Open the "Asset Search" page.
- Navigate to the main content.
- Using screen reader, navigate to the mentioned elements.
- 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, buttons such as "Columns", "Bulk", "Share" and "Export" 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 class="ruiButton qa-tg e2e-bulk-ops">Bulk</button></li> <li><button class="ruiButton qa-attr e2e-attr">Columns</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