Issue Summary

The aria-disabled="true" attribute is not defined for the "Add" buttons.

Steps to Reproduce

1. Open the "Find an issue" page.
2. Save any filter. 
3. Navigate onto the "Details" link present in the main content area and activate it.
4. Observe a pop-up gets added on the page.
5. Activate "Edit Permissions" link present in the pop-up. 
6. Navigate to mentioned buttons present in the main content area and observe screen reader announcement.

Screenshot

Actual Results

Even though the mentioned buttons appears to be disabled visually, the button’s state is not defined as "disable" programmatically. As a result, screen reader users will not understand the disabled state of the "Add" buttons.

Expected Results

Apply the following changes:

• Set HTML "disabled" attribute when the button is in the disabled state.
• Ensure that the attribute is removed when the button is in active state.
• Alternatively, set "aria-disabled" attribute to "true" when the button is in the disabled state.
• Ensure that the value of "aria-disabled" attribute changes on user interaction via scripting.

Code Snippet

<button aria-disabled="true" 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>

Workaround

Not Available.

Environment

MacBook Pro (14-inch, 2021)
macOs Sonoma 14.2.1
Chrome - Version 121.0.6167.85 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.2.1 (19617.1.17.11.12)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest