-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
9.12.0
-
9.12
-
Severity 3 - Minor
-
Issue Summary
On the Average Age Report page, only color is used to distinguish error messages.
Steps to Reproduce
- Navigate to “Boards” menu pop-up link and activate it.
- Navigate to “Scrum” link and activate it.
- Navigate to “Report” link present in Side navigation and activate it.
- Navigate to "Average Age Report" link and activate it.
- Keep the required field empty and click the create button.
- Observe only color is used to distinguish the error message.
Screenshot
Actual Result
The error in the "Days Previously" form field is indicated by red text only, which may be difficult for colorblind users to identify. This lack of additional non-color indication can prevent them from recognizing the required fields.
Expected Result
To make it easier for colorblind users to understand that an error has occurred, an additional method can be provided, such as using an image-icon (role="image") with an accessible name (aria-label="error"). This informative image can convey that an error has occurred.
Code snippet
<span role="image" aria-label="error"><span class="errMsg">You must specify a whole number of days.</span>/span>
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Ventura 14.2.1
Chrome -Version 120.0.6099.71 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
[JSWSERVER-26202] Average Age Report : Color alone is used to distinguish error message
| Labels | Original: 1.4.1 Level-A WCAG21 a11y-triaged ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-medium-priority ax-qa | New: 1.4.1 Level-A WCAG21 a11y-triaged ax-bug ax-jira-dc-vpat ax-jira-dc-vpat-AverageAgeReport ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-medium-priority ax-qa |
| Component/s | Original: Accessibility [ 62490 ] | |
| Component/s | New: Reports [ 46796 ] | |
| Component/s | New: Accessibility [ 62491 ] | |
| Key | Original: JRASERVER-77285 | New: JSWSERVER-26202 |
| Affects Version/s | Original: 9.12.0 [ 105807 ] | |
| Affects Version/s | New: 9.12.0 [ 105808 ] | |
| Project | Original: Jira Data Center [ 10240 ] | New: Jira Software Data Center [ 12200 ] |
| Labels | Original: 1.4.1 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-qa | New: 1.4.1 Level-A WCAG21 a11y-triaged ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-medium-priority ax-qa |
| Priority | Original: High [ 2 ] | New: Medium [ 3 ] |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-high-priority ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-qa | New: 1.4.1 Level-A WCAG21 a11y-triaged ax-bug ax-high-priority ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-qa |
| Status | Original: Needs Triage [ 10030 ] | New: Ready for Development [ 10049 ] |
| Labels | Original: 1.4.1 Level-A WCAG21 ax-bug ax-high-priority ax-jiradc-vapt2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-qa | New: 1.4.1 Level-A WCAG21 ax-bug ax-high-priority ax-jiradc-vpat2024 ax-jiradc-vpat2024-averageagereport ax-jiradc-vpat2024-pg19 ax-lv-user ax-qa |
| Introduced in Version | New: 9.12 |
| Description |
Original:
h3. Issue Summary
On the Average Age Report page, only color is used to distinguish error messages. h3. Steps to Reproduce # Navigate to “Boards” menu pop-up link and activate it. # Navigate to “Scrum” link and activate it. # Navigate to “Report” link present in Side navigation and activate it. # Navigate to "Average Age Report" link and activate it. # Keep the required field empty and click the create button. # Observe only color is used to distinguish the error message. h3. Actual Result The error in the "Days Previously" form field is indicated by red text only, which may be difficult for colorblind users to identify. This lack of additional non-color indication can prevent them from recognizing the required fields. h3. Expected Result To make it easier for colorblind users to understand that an error has occurred, an additional method can be provided, such as using an image-icon (role="image") with an accessible name (aria-label="error"). This informative image can convey that an error has occurred. h3. Code snippet {noformat} <span role="image" aria-label="error"><span class="errMsg">You must specify a whole number of days.</span>/span> {noformat} 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, 2021) macOs Ventura 14.2.1 Chrome -Version 120.0.6099.71 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.1 (19616.2.9.11.7) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |
New:
h3. Issue Summary
On the Average Age Report page, only color is used to distinguish error messages. h3. Steps to Reproduce # Navigate to “Boards” menu pop-up link and activate it. # Navigate to “Scrum” link and activate it. # Navigate to “Report” link present in Side navigation and activate it. # Navigate to "Average Age Report" link and activate it. # Keep the required field empty and click the create button. # Observe only color is used to distinguish the error message. h3. Screenshot !Screenshot 2024-02-07 at 6.16.36 PM.png|width=530,height=265! h3. Actual Result The error in the "Days Previously" form field is indicated by red text only, which may be difficult for colorblind users to identify. This lack of additional non-color indication can prevent them from recognizing the required fields. h3. Expected Result To make it easier for colorblind users to understand that an error has occurred, an additional method can be provided, such as using an image-icon (role="image") with an accessible name (aria-label="error"). This informative image can convey that an error has occurred. h3. Code snippet {noformat} <span role="image" aria-label="error"><span class="errMsg">You must specify a whole number of days.</span>/span> {noformat} 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, 2021) macOs Ventura 14.2.1 Chrome -Version 120.0.6099.71 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.1 (19616.2.9.11.7) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |
| Attachment | New: Screenshot 2024-02-07 at 6.16.36 PM.png [ 451683 ] |
