-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The border of "Summary" and "Description" and so on input fields in the main content area fails minimum color contrast requirement of 3:1.
Steps to Reproduce
- Navigate to the mentioned form field elements in the main content area.
- Use CCA color contrast testing tool to check the color contrast.
- Observe that the color contrast between the focus indicator and the adjacent color is insufficient.
Screenshot
Actual Results
When checked with color contrast analyser tool, the input field borders of mentioned instances fails minimum color contrast requirement with following details →
FG: #DFE1E5, BG: #FFFEFF and Ratio : 1.3:1
As a result low vision users will face difficulty in accessing this field.
Expected Results
The mentioned input field borders should have a minimum contrast of 3:1 with its background. This helps low vision users to easily identify the form field.
Expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes contrast ratio of 3:1.
A color contrast analyser 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, 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-234 You do not have permission to view this issue
-
JSMDC-22605 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|