-
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
[JSDSERVER-14326] View incidents : Insufficient color contrast for standard text
| Fix Version/s | New: 10.3.0 [ 109406 ] |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Gathering Impact [ 12072 ] | New: Closed [ 6 ] |
| Labels | Original: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-pg14 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa level-AA ril wcag21 | New: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-pg14 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa ax-qa-fixed ax-qa-verified level-AA ril wcag21 |
| Attachment | New: Screenshot 2024-12-17 at 3.46.24 PM.png [ 476589 ] |
| Labels | Original: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-pg14 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa level-AA wcag21 | New: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-pg14 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa level-AA ril wcag21 |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 955990 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa level-AA wcag21 | New: 1.4.3 ax-Iv-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-06 ax-jsm-dc-vpat-pg14 ax-jsm-dc-vpat-viewincidents ax-medium-priority ax-qa level-AA wcag21 |
| Description |
Original:
h3. 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. h3. 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. h3. Screenshot !Screenshot 2023-09-15 at 3.26.11 PM.png|width=275,height=135! h3. 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. h3. 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|https://www.tpgi.com/color-contrast-checker/] h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |
New:
h3. 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. h3. 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. h3. Screenshot !Screenshot 2023-09-15 at 3.26.11 PM.png|width=275,height=135! h3. 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. h3. 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|https://www.tpgi.com/color-contrast-checker/] h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |
| Description |
Original:
h3. 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. h3. 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. h3. Screenshot h3. 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. h3. 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|https://www.tpgi.com/color-contrast-checker/] h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |
New:
h3. 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. h3. 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. h3. Screenshot !Screenshot 2023-09-15 at 3.26.11 PM.png|width=275,height=135! h3. 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. h3. 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|https://www.tpgi.com/color-contrast-checker/] h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |