Issue Summary

The list semantics not provided for the button elements present on the main content area.

Steps to Reproduce

1. Navigate to "Issues" dropdown and activate it.
2. Select any issue from "Recent Issues" section.
3. Observe that "Viewing an Issue" page has been appeared on the page.
4. Navigate to the link elements mentioned in the "Actual Results".
5. Using screen reader check that list is not announced.

Screenshot

Actual Results

List mark-up is not used to present related information programatically. For example, buttons such as "Edit", "Add comments", "Assign", "More", and so on is 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 class="aui-toolbar2-primary">
<li id="opsbar-edit-issue_container" class="aui-buttons pluggable-ops"><a id="edit-issue" role="button" title="Edit this issue ( Type 'e' )" class="aui-button toolbar-trigger issueaction-edit-issue" href="/secure/EditIssue!default.jspa?id=10101" resolved=""><span class="icon aui-icon aui-icon-small aui-iconfont-edit"></span> <span class="trigger-label">Edit</span></a></div>
(...)
</ul>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest