-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
Insufficient color contrast is observed for the “Clear Image” button with a contrast ratio of 2.8:1.
Steps to Reproduce
- Open "Report a server for fix" page.
- Navigate to the "Affected server" edit field present in the main content area.
- Select any options from the drop down.
- Observed that "Clear image" button present in the edit field after selecting any option from the drop down.
- Navigate to the "Clear image" button present in the edit field.
- Use CCA color contrast testing tool to check the color contrast.
- Observe that the color contrast between the foreground and the background of the "Clear image" button is insufficient.
Screenshot
Actual Results
When checked with the Color contrast analyzer tool, the color contrast for the "Clear image" button fails the minimum color contrast requirements.
The "Clear image" button fails with its background color with the following details:
Foreground: #FFFFFF
Background: #A4ADBA
Contrast ratio: 2.3:1
Expected Results
The mentioned button should have a color contrast ratio of 3:1. This helps low-vision users to understand the purpose of the image button.
The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio of 3:1
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 13.5
Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2021
NVDA- Version 2020.3
Voiceover - Version Latest
- is resolved by
-
A11Y-237 You do not have permission to view this issue
-
JSMDC-22605 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|