Assign user to groups: Insufficient color contrast of an informative image

Issue Summary

The color contrast of an informative image was found insufficient, i.e., less than 3:1.

Steps to Reproduce

1. Open the "Assign user to group" page.
2. Navigate onto the "Add user" input field and type the username into it.
3. "Clear" button will appear at right corner of input fied.
4. Use the CCA testing tool to check the color contrast of that image.
5. Observe that color contrast fails the minimum ratio of 3:1. 

Screenshot

Actual Results

The informative image button such as "Clear" button in the input field in the main content area fails the minimum color contrast ratio i.e., 3:1.

• FG: #FFFFFF
  BG: #A4ADBA
  Ratio: 2.3:1

This will make it difficult for people with low vision and color blindness to understand the informative image that have insufficient contrast.

Expected Results

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 3:1 for informative image.

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 (16-inch, 2021)
macOs Sonoma 14.0
Chrome - Version 118.0.5993.70 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023 
NVDA- Version 2021.2 
Voiceover - Version Latest