Issue Summary

An identical label has been provided for the “Add“ buttons.

Steps to Reproduce

1. Open the "Filter an issue" page.
2. Navigate to the "Details" link and activate it.
3. Navigate to the "Edit permissions" link and activate it.
4. Using the screen reader, navigate to the mentioned buttons.
5. Listen that the button labels are identical.

Screenshot

Actual Results

The identical label “Add” is specified for the buttons in the “Edit current filters” to add Viewers and Editors to the filters.

As a result, screen reader users might not understand the purpose of the buttons effectively.

Expected Results

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

Provide unique and descriptive labels such as “Add selected Viewers”, and "Add selected Editors” for the buttons using hidden text or the "aria-label" attribute.

Code Example:

<button aria-label="Add selected Viewers" type="button" class="addShare m-add-btn" id="share_add_group_viewers">
    <span class="aui-icon aui-icon-small aui-iconfont-add">...</span>
    Add
</button>
...
<button aria-label="Add selected Editors" type="button" class="addShare m-add-btn" id="share_add_group_editors">
    <span class="aui-icon aui-icon-small aui-iconfont-add">...</span>
    Add
</button>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest