Issue Summary

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

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.

Screeenshot

Actual Results

When navigating to the "Filter projects by name" and "Search" input fields using a keyboard, the focus indicator is not visually present. Although a text cursor appears within the field to indicate focus, it is insufficient to clearly show which field is selected.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

A clear and distinct focus indicator (e.g., a border or outline with sufficient contrast) should be visible around input fields when they receive keyboard focus. This would help users identify the currently active field and improve accessibility for individuals with low vision or those using keyboard navigation.

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