-
Bug
-
Resolution: Fixed
-
Low
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The color contrast of the text present on the “View incidents” page does not meet the minimum color contrast ratio i.e. 4.5:1.
Steps to Reproduce
- Open the “View incidents” page.
- Navigate to the mentioned instance
- Using the Color Contrast Analyser tool check the color contrast of the texts.
Screenshot
Actual Results
There is some standard text with background/foreground color combinations having an insufficient contrast ratio.
- The "P2" text with #FFFFF foreground color has an insufficient color contrast ratio of 3.2:1 with #FF5631 background color.
- The "P3" text with #BBBBB foreground color has an insufficient color contrast ratio of2.3:1 with #FF8B00 background color.
- The "P4" text with #BBBBB foreground color has an insufficient color contrast ratio of 2.7:1 with #35B37E background color.
- The "#111", "110", "109", "108" and so on text with #8993A4 foreground color has an insufficient color contrast ratio of 3.1:1 with #FFFFFF background color.
This will make it difficult for people with low vision and color blindness to read standard text elements that have insufficient contrast.
As a result, low-vision users will face difficulty in accessing the texts.
Expected Results
On all pages, ensure that each text/background color combination presents a contrast ratio of at least 4.5:1 for small text and 3:1 for the text that is at least 18 points or bold 14 points.
A color contrast analyser can be downloaded from !https://www.tpgi.com/wp-content/themes/bedstone/favicons/favicon-16x16.png!Colour Contrast Analyzer - TPGi
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (14-inch, 2021)
macOs Ventura 13.4
Chrome - Version 114.0.5735.106 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest
- links to
Form Name |
---|