-
Bug
-
Resolution: Cannot Reproduce
-
Low
-
None
-
4.22.2
-
Severity 2 - Major
-
Issue Summary
Additional content that becomes available on hover for the Advanced search button does not allow the user to move the pointer over that same additional content without the additional content disappearing and has missing keyboard support.
Tested URL
Steps to Reproduce
- Launch the URL
- In the Business service section select Advanced search.
- With the mouse navigate to the Advanced search icon button and hover over it.
Screen recording
Screen Recording 2022-05-16 at 6.59.27 PM.mov
Actual Results
Tooltip content that becomes available when users hover over with a mouse or when their keyboard focus moves on the Advanced search icon button is not accessible for low vision users. When low vision users try to move their mouse on the tooltip in order to read it, the tooltip disappears. Thus low vision users found it difficult to access the tooltip content.
Additionally, keyboard support is missing for the tooltip, which makes the keyboard difficult to access the content.
Expected Results
Modify the scripts associated with the tooltip content to ensure that it remains visible until the user decides to dismiss the tooltip. This will enable low vision users to navigate to the tooltip content and dismiss it after accessing it.
Specify the ARIA role "tooltip" for the information displayed on hover. Specify a unique id attribute for the tooltip and reference it via the aria-describedby attribute of the Information image.
Modify the script to make the tooltip information available on hover as well as on focus. In addition along with mouse-specific event handlers, use keyboard specific event handlers, such as "onfocus", "onblur", etc. to make the functionality accessible for keyboard-only users.
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 750017
Bulldog Ref: JSMDC-12877
- is blocked by
-
JSMDC-12877 You do not have permission to view this issue