-
Bug
-
Resolution: Fixed
-
Major
-
3.11.7, 4.0.1
-
MOODLE_311_STABLE, MOODLE_400_STABLE
-
MOODLE_311_STABLE, MOODLE_400_STABLE
-
MDL-74701-master -
-
1
-
HQ Team International CIH2-225, HQ Team International CIH2-226
Identified as Common issue #3 from the audit:
JavaScript issues with visible focus
Focus is lost when escaping from the notification block, and the user has to tab multiple times before they arrive at the next focusable element. From observation, JavaScript is being used to make the message elements and the “see all” link focusable; however, this state is not disabled when the block is hidden.
Guidelines affected:
- 1.3.1 Info and Relationships (A)
- 2.4.7 Focus Visible (AA)
- 4.1.2 Name, Role, Value (A)
To reproduce:
- Log in as a user.
- Navigate to the notifications popover button via keyboard.
- Expand the popover by pressing enter
- Close the popover by pressing the Escape key
- Press tab.
- Expected: The focus will move to the messaging icon
- Actual: It will take several tabs to be able to focus on the messaging icon (usually the number of focusable items within the notifications popover).