Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Description
Issue Summary
When the users activate the "Close" button in the modal dialog, the focus moves to the top of the page inappropriately instead of moving to the triggering element.
Steps to Reproduce
- Open the Asset search page
- Navigate to mentioned buttons and activate it.
- Observe the Modal dialogs appears
- Navigate to "Close" button in the Modal dialogs and activate it.
- Observe the keyboard focus not return to triggering element.
Screenshot
Screen Recording 2023-09-15 at 2.15.20 PM.mov
Actual Result
When users activate the "Close" button in the "Column", "Share", "Save as", and "Edit" and so on Modal dialogs, the programmatic focus does not return to the triggering element. Instead focus moves to the down of the page.Â
This required screen reader users and keyboard-only users to tab pass the content on the page before they can interact with the content after the triggering element.
Expected Results
Ensure that the programmatic focus of users should be set on the triggering element of the modal dialog as soon as dialog is closed. Set the keyboard focus to the triggering element of the dialog using the JavaScript .focus().
For more information refer this link:Â https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/Â
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.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest