-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Issue Summary
The color alone is used to convey the error message inappropriately that is available in non-modal dialog.
Steps to Reproduce
- Navigate to the "Issue" dropdown in the header.
- Select any issue from the dropdown.
- For example, select the "JSM-1 What am i looking at?" issue.
- Observe that "View issue in queue view & comments" page has been appeared on the screen.
- Activate the "View watcher" under "People" section.
- Enter any alphabet, let's say "d" and press TAB key.
- An error message will generate.
- Check that there is no error indicating word or icon present.
Screenshot
Actual Results
The #DD350D color is used to identify the error message "The value d is invalid".
Color deficiencies users and screen reader users will not be able to differentiate between the colors and will have no way to easily identify the error message.
Expected Results
Provide text "Error" just befor the error message or provide "Warning/error" icon.
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
![[JIRA Server (Bulldog)]](/images/icons/generic_link_16.png "[JIRA Server (Bulldog)]"){kind=icon}
[JSDSERVER-14313] View issue in queue view & comments: Color alone used to convey error message
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-lv-user ax-medium-priority ax-qa ril | New: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-queueviewcomment ax-jsmdc-vpat-2024-reused ax-lv-user ax-medium-priority ax-qa ril |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-lv-user ax-medium-priority ax-qa | New: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-lv-user ax-medium-priority ax-qa ril |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 955982 ] |
| Remote Link | New: This issue links to "A11Y-254 (Bulldog)" [ 931343 ] |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-lv-user ax-medium-priority ax-qa | New: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-lv-user ax-medium-priority ax-qa |
| Remote Link | New: This issue links to "Page (Confluence)" [ 912010 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-lv-user ax-medium-priority ax-qa | New: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-lv-user ax-medium-priority ax-qa |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa | New: 1.4.1 Level-A WCAG21 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-lv-user ax-medium-priority ax-qa |
| Description |
Original:
h3. Issue Summary
The color alone is used to convey the error message inappropriately that is available in non-modal dialog. h3. Steps to Reproduce # Navigate to the "Issue" dropdown in the header. # Select any issue from the dropdown. # For example, select the "JSM-1 What am i looking at?" issue. # Observe that "View issue in queue view & comments" page has been appeared on the screen. # Activate the "View watcher" under "People" section. # Enter any alphabet, let's say "d" and press TAB key. # An error message will generate. # Check that there is no error indicating word or icon present. h3. Screenshot !image-2023-09-14-17-51-16-797.png|width=461,height=223! h3. Actual Results The #DD350D color is used to identify the error message "The value d is invalid". Color deficiencies users and screen reader users will not be able to differentiate between the colors and will have no way to easily identify the currently selected dates. h3. Expected Results Provide text "Error" just befor the error message or provide "Warning/error" icon. h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |
New:
h3. Issue Summary
The color alone is used to convey the error message inappropriately that is available in non-modal dialog. h3. Steps to Reproduce # Navigate to the "Issue" dropdown in the header. # Select any issue from the dropdown. # For example, select the "JSM-1 What am i looking at?" issue. # Observe that "View issue in queue view & comments" page has been appeared on the screen. # Activate the "View watcher" under "People" section. # Enter any alphabet, let's say "d" and press TAB key. # An error message will generate. # Check that there is no error indicating word or icon present. h3. Screenshot !image-2023-09-14-17-51-16-797.png|width=461,height=223! h3. Actual Results The #DD350D color is used to identify the error message "The value d is invalid". Color deficiencies users and screen reader users will not be able to differentiate between the colors and will have no way to easily identify the error message. h3. Expected Results Provide text "Error" just befor the error message or provide "Warning/error" icon. h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available h3. 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 |