Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.7.0
-
9.07
-
Severity 2 - Major
-
Description
Issue Summary
Focus moves inappropriately when user activate the button element present in the main content area.
Note: This issue has also been observed on the "Backlog" page.
Steps to Reproduce
- Navigate to "Boards" dropdown present in the header section.
- Navigate to the "KAN board" option and activate it.
- Observe that "kanban board" page has been appeared on the page.
- Navigate to the button element and activate it.
- Using JAWS, observe that this functionality is not accessible for screen reader users.
Screenshot 1: Kanban Board
Screenshot 2: Backlog
Actual Results
Focus moves inappropriately when assistive technology users activate the "Hide the header" button to the main region instead of moving on the triggering element and when keyboard-only users activates "Hide the header" button focus moves inappropriately on "release link".
As a result, keyboard only and screen reader users will have to navigate the screen content again before accessing the content which is after the triggering button.
Expected Results
Ensure that the keyboard focus moves the triggering element when the modal dialog is closed which can be achieved via JavaScript focus() method.
In this scenario, make sure that keyboard and screen reader focus should move to triggering element i.e. "Hide the header"
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 Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest