Issue Summary

The color contrast of the “warning" icons, present in the main content does not meet the minimum color contrast ratio i.e. 3:1.

Steps to Reproduce

1. Open the "Accessibility Assessment - Roadmaps" page.
2. Navigate to the mentioned instance.
3. Check the color contrast of the mentioned instances using the color contrast analyzer tool.

Screenshot

Actual Results

When checked with the color contrast analyzer tool, the color contrast for the “Warning” icons present in the main content fails the color contrast with the following details →

FG : #FFFFFF, BG : #FFAB00, and Ratio : 1.9:1

As a result, low-vision users will face difficulty accessing the informative images.

Expected Results

For all informative images, ensure that the contrast between foreground, background, or adjacent colors is 3:1 to make the image's information accessible for users with low vision and color blindness.

The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio i.e. 3:1.

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

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest