-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
10.3.0
-
Severity 3 - Minor
-
Issue Summary
List mark-up is not used to present mentioned related buttons such as "Link to major incident", "Link", "Comment" and so on.
Steps to Reproduce
- Open "JSM System Dashboard" page.
- Navigate to the "Projects" in the header section and choose any ITSM project from the options.
- Select the "Waiting for support" queue from the queues list.
- Navigate to the "Select All Issues" checkbox and activate it.
- Using a screen reader 'Tab' key, navigate to the mentioned buttons.
- Listen that the list structure is not announced for the mentioned buttons that represents related information.
Screenshot
Actual Results
List mark-up is not used to present related information programmatically. The buttons such as "Link to major incident", "Link", "Comment" and so on that becomes available after activating "Select All Issues" checkbox in the main content area is 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
Related group of items should be identified as a list by screen readers. This will help users to understand how many items are present and quickly navigate to different items of the list.
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 Example:
<ul> <li> <button aria-label="Link to major incident" class="qjxsB5PhrS css-1l34k60" data-testid="bulk-action-toolbar--action-button" tabindex="0" type="button"> (...) </button> </li> <li> <button aria-label="Link" class="qjxsB5PhrS css-1l34k60" data-testid="bulk-action-toolbar--action-button" tabindex="0" type="button"> (...) </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 Sonoma 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
- links to