Issue Summary

On “Select Affected Business Service” dialog, the keyboard focus is not visible for "Business service" link.

Steps to Reproduce

1. Open the “Help Centre | ITSM” page.
2. Navigate to "Search" button near to "Affected Business Service" field and select it.
3. A "Select Affected Business Service" modal dialog will appear over the screen.
4. Navigate to "Business service" link. via TAB key.
5.  Observe there is no focus indicator present. for mentioned instance

Screen recording

Focus not visible.mov 

Actual Results

Focus is not visible for "Business service" link in the dialog. A focus indicator is not visually available as user tabs through these tabs using a keyboard.

As a result, users with learning and mobility impairments as well as those with low vision will not be able to easily find out which element currently has the focus.

Expected Results

Focus indicator should be visible while navigating "Business service" link in the dialog using a keyboard.

Set the CSS outline property for the mentioned button to ensure that clear focus indication is available for users.

For more information, please refer: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible

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 Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3