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 mentioned instance.
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 "2" and "warning image" on the header section of any page Bitbucket, fails minimum color contrast requirements with its background color i.e. 4.5:1.
FG: #DDEBFF
BG: #FF5631
Contrast ratio: 2.6: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.1
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