-
Bug
-
Resolution: Fixed
-
Low
-
8.13.0
-
Severity 3 - Minor
-
Issue Summary
The color contrast of the actionable graph has the insufficient color contrast i.e. 3:1.
Steps to Reproduce
- Navigate to the side navigation bar.
- Select the "Commits" link and activate it.
- Observe that "Commits" page has been appeared on the screen.
- Check the color contrast of the graph using CCA tool.
- Verify that the color contrast is insufficient.
Screenshot 1

Screenshot 2

Actual Results
The informative graph (which is interactive) present in the main content area has an insufficient color contrast ratio with following details:
This will make it difficult for low vision users to discern meaningful graphics that have insufficient contrast.
fg: #36B37E
bg: #FFFFFF
ratio: 2.7:1
fg: #FFFFFF
bg: #36B37E
ratio: 2.7:1
Expected Results
For the key parts of all the informative images, ensure that the contrast between foreground, background or adjacent colors is 3:1 to make the image's information accessible for low vision and color-blind users.
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 Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
- mentioned in
-
Page Loading...