Issue Summary

The keyboard focus indicator is not visible on few interactive elements on the page

Note: This issue has observed on "Projects", "Branches", "Create a branch", and "Commits".

Steps to Reproduce

1. Navigate to the "Projects" link in the header and activate it.
2. Observe that "Projects" page has been appeared on the page.
3. Using keyboard check the focus indicator.
4. Ensure that focus is not visible.

Screen Recording

Screen Recording 2023-09-26 at 5.43.43 PM.mov

Screenshot 1: Projects

Screenshot 2: Create a Branch

Actual Results

Focus is not visible for the "Learn more", "admin/fake_file_103txt-1693371545546", "commit ahead of master", "30 Aug 2023", and so on. A focus indicator is not visually available as user tabs through these links 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

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

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.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest