Issue Summary
The keyboard focus indicator is not visible on certain interactive elements within the "Account settings" link inside the keyboard shortcuts modal dialog.
Steps to Reproduce
- Open any bitbucket test env
- Navigate to header section and activate "Help" link
- Activate "Keyboard shortcuts"
- Observe a modal dialog appears
- Navigate to the "Account settings" link using the keyboard.
- Observe the focus indicator is missing for the "Account settings" link.
Screenshot
Actual Results
The focus indicator is not visible on the "Account settings" link and other interactive elements within the "Keyboard shortcuts" dialog, impacting users with mobility and vision impairments who rely on clear focus indicators for navigation.
Expected Results
Update the CSS outline property to ensure a visible focus indicator on all links within the dialog, including "Account settings."
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 Sonoma 14.1.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest
Bug
Medium
Page Failed to load