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

1. Open the “View incidents” page.
2. Navigate to the mentioned instance
3. 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