Issue Summary

On the "Review Changes In Jira" page, the "All" button is not explicitly associated with its visual label "Changed by"

Steps to Reproduce

1. Navigate to the "Plans" in header section and activate any plan.
2. Observe the "Plan" page appears.
3. Navigate to the "Review Changes" button and activate it.
4. Observe the "Review Changes" modal appears.
5. Navigate to the "All" button and inspect the code.
6. Observe that the mentioned button is not explicitly associated with its visual label.

Screenshot

Actual Results

When user navigates to the mentioned button using screen reader, it is just announcing as "All" button which is not descriptive enough to understand by screen reader users. The main label as “Changed By:” is provided visually for “All” button which is not associated programmatically.

As a result it will create bad user experience for screen reader users.

Expected Results

When screen reader users navigates onto the “All” button, it should announce as “All Changed By” button which will be appropriate and descriptive label.

Apply the following changes:

1. Add the "Id" attribute to the element used to display the label (i.e <div>).
2. Add the "Aria-labelledby" and "Id" attribute to the button.
3. Pass the value of  button Id as first value and labels id as second value in "aria-labelledby".

code snippet

<div class="_1zu5q" id="A1">Changed by:</div>
<button class="sc-fAjcbJ dKHlbz" spacing="default" type="button" aria-labelledby="A2 A1">
<div class="ZExmL" id="A2"> <span>All</span> </div>
</button>

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 Ventura 14.3
Chrome -Version 120.0.6099.71 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest