[JSWSERVER-25727] Accessibility Assessment - Roadmaps : Insufficient color contrast for the borders of form controls - Create and track feature requests for Atlassian products.

Type: Bug
Resolution: Unresolved
Priority: Medium (View bug fix roadmap)
Fix Version/s: None
Affects Version/s: 8.20.30, 9.12.2, 9.4.17
Component/s: (Advanced Roadmaps) Accessibility
Labels:

Introduced in Version:
8.2
Symptom Severity:
Severity 3 - Minor
Bug Fix Policy:
View Atlassian Server bug fix policy

Issue Summary

The border of the input field and the radio buttons fail the minimum color contrast requirement of 3:1.

Steps to Reproduce

Open the "Accessibility Assessment - Roadmaps" page.
Navigate and activate the "Share" button.
Navigate to the mentioned instance present within the "Share plan" modal dialog.
With the CCA tool, observe the input fields that fail the color contrast ratio for their borders.
Again, navigate and activate the "Auto-schedule" expand/collapse button.
Navigate to the radio buttons and check the color contrast using the Color Contrast Analyser.

Screenshot 1

Screenshot 2

Screenshot 3

Actual Results

When checked with the color contrast analyzer tool, the color contrast for the border of the input field fails color contrast with the following details →

The border of the input field present beside the "Generate link" button in the "Share plan" modal dialog fails color contrast with FG : #DFE1E5, BG : #FFFFFF and Ratio: 1.3:1

The border of the radio buttons "Sprints all values", "Releases all values" and so on, fails color contrast with FG : #DFE1E5, BG : #FFFFFF, and Ratio: 1.3:1
The border of the checkbox present within the "Save as new view" modal dialog (available by activating the "Save" button), fails color contrast with FG : #DFE1E5, BG : #FFFFFF, 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 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 behavior. A workaround will be added here when available

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest