Issue Summary

The color contrast of the image is not meeting the minimum requirement i.e. 3:1.

Steps to Reproduce

1. Navigate to the "Plans" dropdown.
2. Select the "Accessibility Assessment" option.
3. Navigate to the "Teams" link and activate it.
4. Ensure that "Accessibility Assessment - Teams" page has been opened.
5. Navigate to the "Add team" button and activate it.
6. Observe that modal dialog has been opened.
7. Using Color Contrast Analyser tool, check the color contrast.

Screenshot

Actual Results

The #FFFFFF key part of the "Warning" informative image present along with input field in the "Add team" modal dialog has an insufficient color contrast ratio of 1.9:1 with #FFAB00 background. This will make it difficult for low vision users to discern meaningful graphics that have insufficient contrast.

Expected Results

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

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3