Issue Summary

On the "Accessibility assessment | Roadmaps" page, the focus does not return to the parent element that triggered the content when the new content is closed.

Steps to Reproduce

1. Navigate onto the mentioned page.
2. Navigate onto the "More actions" button and activate it.
3. Navigate onto the "Save", or "Save as" button and activate any of them.
4. Observe that a modal dialog gets opened.
5. Using just a keyboard, dismiss the modal dialog by activating the "Cancel" button.
6. Observe that the focus does not return to the parent element that triggered the modal.

Screen Recording

Screen Recording 2024-02-12 at 2.29.06 PM.mov

Actual Results

When the "Cancel" button is activated to close the "Save" and "Save as" modal dialog, the focus does not return to the "More actions" parent trigger. It instead moves at the top of the page. This illogical focus order might make the page difficult to understand for the keyboard and screen reader users.

Expected Results

When the triggering element is not available, then make sure that the focus returns to the parent element that triggered the content. In this scenario, make sure that when the user dismisses the new content, the focus returns to the parent "More actions" button. This can be done with the “focus” method

.For similar examples, please refer "https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus"

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 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest