Issue Summary

An incomplete label, "More information about" is provided for the buttons.

Test URL

https://anu-j.atlassian.net/browse/SP-15

Steps to Reproduce

1. Open the JSM Cloud home page.
2. Navigate to any project and open an issue.
3. In the issue view, navigate to the "More fields" section and expand it.
4. Navigate to the "Affected services" and "Pending reason" sections.
5. Navigate to the "More information" buttons present in these sections, and inspect the code.
6. Observe that the label defined for these elements is incomplete.

Screenshot 1

Screenshot 2

Actual Results

Incomplete labels such as "More information about" are used for the "More information" buttons in the “Affected services” and "Pending reason" sections via the aria-label attribute.

As a result, screen reader users may not clearly understand the purpose of these buttons.

Expected Results

The screen reader should announce unique and descriptive labels for the buttons.

In this case, update the aria-label values to "More information about Affected services" and "More information about Pending reason".

For more information on labeling controls, you can refer Labeling Controls.

Code Snippet:

<button aria-label="More information about Affected services"...>
...
</button> 
(...)
<button aria-label="More information about Pending reason"...>
...
</button>

Note: This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.

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 26.3 (25D125)
Windows - 11 pro
Chrome - Version 145.0.7632.76 (Official Build) (arm64)
Safari - Version 26.2 (21623.1.14.11.9)
JAWS - Version 2025
NVDA - Version 2024.4.2.35031
Voiceover - Version Latest