-
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
[JSDSERVER-14044] Help Center - view request: Insufficient color contrast ratio observed for border of input fields
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 10.2.0 [ 109023 ] |
| Last Update On | New: 05/Nov/2024 [ 2024-11-05 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: In Review [ 10051 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: In Progress [ 3 ] | New: In Review [ 10051 ] |
| Labels | Original: 1.4.11 Level-AA WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-HelpCenter-viewrequest ax-jsm-dc-vpat-pg04 ax-jsmdc-helpcenter ax-lv-user ax-medium-priority ax-qa ril | New: 1.4.11 Level-AA WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-HelpCenter-viewrequest ax-jsm-dc-vpat-pg04 ax-jsmdc-helpcenter ax-lv-user ax-medium-priority ax-qa ax-qa-fixed ax-qa-verified ril |
| Attachment | New: Screenshot 2024-11-04 at 12.44.13 PM.png [ 467940 ] |
| Remote Link | Original: This issue links to "JSMDC-22605 (Bulldog)" [ 960343 ] | New: This issue links to "JSMDC-22605 (JIRA Server (Bulldog))" [ 960343 ] |
| Status | Original: Gathering Impact [ 12072 ] | New: In Progress [ 3 ] |
| Assignee | New: Martin Ma [ mma ] |