Issue Summary

The focus indicator of the user interface fails the minimum color contrast ratio i.e. 3:1.

Steps to Reproduce

1. Open the "Scrum board" page.
2. Navigate through the page using the keyboard and observe the focus indicator.
3. Use the CCA testing tool to check the color contrast.
4. Observe that the color contrast between the input border/focus indicator and the adjacent color is insufficient.

Screenshot

Actual Results

The focus indicator of some of the interactive elements fails the minimum color contrast requirements with its background color.
FG: #87AEF7
BG: #FFFFFF
Contrast ratio: 2.2:1

As a result, low-vision users will find it difficult to distinguish the form controls that have insufficient contrast.

Expected Results

When the users navigate to the interactive elements available in the main content area should have a clear focus ring while making sure that focus indicators or changes of color that are used to indicate the focus have a minimum color contrast ratio of 3:1.

A color contrast analyzer can be downloaded from Color Contrast Checker - TPGi

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 Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest