Issue Summary

On the "Project | All open" page, the "Respond to customer", "In progress" and so on, buttons lack unordered list semantics.

Steps to Reproduce

1. Select "Projects" from top navigation bar.
2. Select Sample JSM (JSM) project from the dropdown.
3. Navigate onto the "All open" > "Waiting for support" elements and activate them.
4. Navigate onto the mentioned instances and observe the interrelated elements.
5. Inspect their code.
6. Observe that these elements do not use unordered list semantics.

Screenshot

Actual Results

The "Respond to customer", "In progress" and so on, interrelated buttons are not semantically declared as an unordered list. These buttons inappropriately use role="group" attribute. As a result, users of assistive technologies will not be able to comprehend the page’s structure efficiently.

Expected Results

The visually interrelated elements must use list semantics. In this scenario, remove the role="group" attribute from the parent <div> element in the DOM. Use <ul> and <li> elements to mark up the unordered list. Make sure that these elements are contained in a single <ul> element and the list items are contained in individual <li> elements.

Code Snippet

<ul>
<li><button>Respond to customer</button></li>
<li><button>In progress</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.3.1
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.3.1 (19617.2.4.11.12)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest