Global: Hidden content receiving focus

Issue Summary

The update message which gets added on the page when user make some changes in the issue.

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 "Status" dropdown and activate it.
5. Select any status from the expanded list.
6. Check that message has been appeared on the page and disappears in few seconds.
7. Using keyboard check that status update message still receiving focus.

Screen Recording

Screen Recording 2023-05-03 at 5.16.32 PM.mov

Actual Results

When user made changes in "Status" dropdown or create any new issue the alert message such as "KAB-2 has updated" gets added on the page, and it gets disappear after 2-3 seconds. Even after disappearing the status message for screen reader and keyboard-only users it is receiving a focus inappropriately.

Expected Results

Apply the following changes:

• Provide aria-hidden="true" attribute to the <div> container containing the update message.
• Ensure that update message should receive focus until it's visible on the page.

Code Snippet

<div aria-hidden="true" class="aui-message closeable aui-message-success aui-will-close">KAB-2 has been updated.
<button type="button" class="aui-close-button" aria-label="Close"></button></div>

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 Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 109.0 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest