Details
-
Bug
-
Resolution: Unresolved
-
Medium
-
None
-
8.18.0
-
Severity 3 - Minor
-
Description
Issue Summary
The color contrast for some of the text on the page does not meet the minimum color contrast ratio i.e. 4.5:1.
Steps to Reproduce
- Open the "Commits" page.
- Navigate to the mentioned instance.
- Use the CCA testing tool to check the color contrast.
- Observe that the color contrast between the foreground text and the background is insufficient.
Screenshot 1
Screenshot 2
Actual Results
The text "Pull request #3...." on the Commits page in the main content area, fails minimum color contrast requirements with its background color i.e. 4.5:1.
FG: #C9CED6
BG: #FFFFFF
Contrast ratio: 3.3:1
The text "87c57b9d55f" on the Commits page in the main content area, fails minimum color contrast requirements with its background color i.e. 4.5:1.
FG: #AAC1EC
BG: #FFFFFF
Contrast ratio: 3.3:1
As a result, low-vision users and color-blind users will find it difficult to read standard text elements that have insufficient contrast.
Expected Results
On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.
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