Issue Summary

The color contrast for some of the text on the page does not meet the minimum color contrast ratio i.e. 4.5:1.

Steps to Reproduce

1. Open the “Header“ page.
2. Navigate to the "Skip to the main content" link in the header section.
3. Use the CCA testing tool to check the color contrast.
4. Observe that the color contrast between the foreground text and the background is insufficient.

Screenshot

Actual Results

The text "Skip to main content" on the header section, fails the minimum color contrast requirements with its background color i.e. 4.5:1.
FG: #0165FF
BG: #F4F5F7
Contrast ratio: 4.47:1

As a result, low-vision users and color-blind users will find it difficult to read standard text elements that have insufficient contrast.

Expected Results

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

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