Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Description
Issue Summary
Focus indicator is not visible clearly for buttons in the modal dialogs.
Steps to Reproduce
- Open the Asset search page
- Using Tab key, navigate to the "Column" button and activate it.
- Observe the modal dialog appears,
- Navigate to the mentioned buttons.
- Observe that the focus indicator is not visible clearly.
Screenshot
Actual Result
It is not possible to clearly identify the current location on "Done" button, "Save" button and "Update" button in "Column", "Save as" and "Edit" modal dialog while navigating through the page using a keyboard. A clear focus indicator is not visually available as user tabs through the buttons using a keyboard.
As a result, users with learning and mobility impairments as well as those with and low vision will not be able to easily find out    which element currently has the focus.
Expected Results
The focus indicator should be clearly visible while navigating between the buttons using a keyboard.
Set the CSS outline property for the interactive elements to ensure that a clear focus indication is available for users.
Workaround
Currently there is no known workaround for this behaviour. 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