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

          Form Name

            [JSDSERVER-14326] View incidents : Insufficient color contrast for standard text

              Unassigned Unassigned
              153f1fd15216 Rogerpinto Marialouis
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: