-
Bug
-
Resolution: Won't Fix
-
Medium (View bug fix roadmap)
-
None
-
9.12.2
-
9.12
-
Severity 3 - Minor
-
Issue Summary
The border of the form fields fails the minimum color contrast requirements, i.e. 3:1.
Steps to Reproduce
- Open the "Create sprint" modal dialog.
- Navigate to the mentioned form fields.
- Use the CCA testing tool to check the color contrast of the border of those checkboxes.
- Observe that the color contrast between the input border and the adjacent color is insufficient.
Screenshot
Actual Results
The border of all the input fields such as “Sprint name“, “Goal“ and so on, are present in the "Create sprint" modal dialog, fails the minimum color contrast requirements with its background color.
FG: #DFE1E5
BG: #FFFFFF
Contrast ratio: 1.3:1
As a result, low-vision users will find it difficult to distinguish the form controls that have insufficient contrast.
Expected Results
The mentioned border of the checkboxes should have a minimum contrast of 3:1 with the adjacent content. This helps low-vision users to easily identify the form field. The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio of 3:1.
A color contrast analyzer can be downloaded from Color Contrast Checker - TPGi
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
- is resolved by
-
A11Y-125 You do not have permission to view this issue
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|