-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The border of "Comment on this request" input field in the main content area fails minimum color contrast requirement of 3:1.
Steps to Reproduce
- Navigate to the mentioned form field element 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 border of mentioned instance fails minimum color contrast requirement with following details →
FG: #DFE1E7, 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 border 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-230 You do not have permission to view this issue
-
JSMDC-22605 You do not have permission to view this issue
- links to