Issue Summary

The color contrast of the “Clear” and "Changes to" images does not meet the minimum color contrast ratio i.e. 3:1.

Steps to Reproduce

1. Open the "Accessibility Assessment | Dependencies Report" page.
2. Navigate and select any option from the "Filter by issues" combobox.
3. Navigate to the mentioned informative images.
4. Check the color contrast of the mentioned images with the Color Contrast Analyser tool.

Screenshot 1

Screenshot 2

Actual Results

When checked with the color contrast analyzer tool, the color contrast for the mentioned images fails color contrast with the following details →

• The “Clear” image (available by selecting any option from the "Filter by issues" combobox ), fails color contrast with FG : #FFFFFF, BG : #A4ADBA, and Ratio : 2.3:1 

• The “Changes to” images present within the "Blocks" non-modal dialog (available by activating the "Blocks", and "Blocks about 1 - month" buttons), fails color contrast with FG : #B3BAC5, BG : #FFFFFF, and Ratio : 2:1

As a result, low-vision users will face difficulty in 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 of 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