-
Bug
-
Resolution: Unresolved
-
Medium (View bug fix roadmap)
-
None
-
8.20.30, 9.12.2, 9.4.17
-
8.2
-
Severity 3 - Minor
-
Issue Summary
On the "Accessibility assessment | Roadmaps" page, the multiple visual labels for the "Views:", "Hierarchy:", and "To" buttons are not programmatically associated.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the mentioned buttons and inspect the code.
- Observe that the buttons have multiple visual labels, that is, the external label and the internal value.
- Observe that all the visual labels are not associated with the buttons.
Screenshot
Actual Results
The "Views:", "Hierarchy:", and "To" buttons are visually labelled by multiple elements. That is, the external label and the internal value. However, these buttons are not associated with all these visual labels.
As a result, the purpose of the buttons may be unclear to users.
Expected Results
Make sure that the buttons are associated with their visual labels. The aria-labelledby attribute can be used when you need to construct the label using multiple elements. Associate the external label and the internal value of the components using the aria-labelledby attribute. If the above is not possible, you can add the visual label information to an aria-label. This has the same effect of adding to the accessible name of the buttons. This solution is less favourable, but it is particularly useful when there is no visible text.
Code Snippet
<span id="exLabel">Views:</span> <button id="intLabel" aria-labelledby="exLabel intLabel">Basic edited</button>
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 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSWSERVER-25732] Accessibility assessment | Roadmaps : Multiple visual labels are not associated with the form fields
| Labels | Original: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A ril wcag21 |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 963904 ] |
| Priority | Original: High [ 2 ] | New: Medium [ 3 ] |
| Introduced in Version | Original: 9.12 | New: 8.2 |
| Affects Version/s | New: 8.20.30 [ 106364 ] | |
| Affects Version/s | New: 9.4.17 [ 106909 ] |
| Labels | Original: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 | New: 1.3.1 ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa level-A wcag21 |
| Component/s | Original: Accessibility [ 62491 ] | |
| Component/s | Original: (Advanced Roadmaps) Other [ 73719 ] | |
| Component/s | New: (Advanced Roadmaps) Accessibility [ 74392 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Ready for Development [ 10049 ] |
| Component/s | New: (Advanced Roadmaps) Other [ 73719 ] |
| Component/s | Original: Accessibility [ 62490 ] | |
| Component/s | New: Accessibility [ 62491 ] | |
| Key | Original: JRASERVER-77241 | New: JSWSERVER-25732 |
| Affects Version/s | Original: 9.12.2 [ 106456 ] | |
| Affects Version/s | New: 9.12.2 [ 106455 ] | |
| Project | Original: Jira Data Center [ 10240 ] | New: Jira Software Data Center [ 12200 ] |
| Description |
Original:
h3. Issue Summary
NA h3. Steps to Reproduce NA h3. Expected Results NA h3. Actual Results {noformat} NA{noformat} h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available |
New:
h3. Issue Summary
On the "Accessibility assessment | Roadmaps" page, the multiple visual labels for the "Views:", "Hierarchy:", and "To" buttons are not programmatically associated. h3. Steps to Reproduce # Navigate onto the above mentioned page. # Navigate onto the mentioned buttons and inspect the code. # Observe that the buttons have multiple visual labels, that is, the external label and the internal value. # Observe that all the visual labels are not associated with the buttons. h3. Screenshot h3. Actual Results The "Views:", "Hierarchy:", and "To" buttons are visually labelled by multiple elements. That is, the external label and the internal value. However, these buttons are not associated with all these visual labels. As a result, the purpose of the buttons may be unclear to users. h3. Expected Results Make sure that the buttons are associated with their visual labels. The aria-labelledby attribute can be used when you need to construct the label using multiple elements. Associate the external label and the internal value of the components using the aria-labelledby attribute. If the above is not possible, you can add the visual label information to an aria-label. This has the same effect of adding to the accessible name of the buttons. This solution is less favourable, but it is particularly useful when there is no visible text. *Code Snippet* {noformat} <span id="exLabel">Views:</span> <button id="intLabel" aria-labelledby="exLabel intLabel">Basic edited</button>{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 13.3.1 Chrome - Version 113.0.5672.63 (Official Build) (x86_64) Firefox- Version 92.0 (64-bit) Safari- Version 16.4 (18615.1.26.110.1) JAWS- Version 2023 NVDA- Version 2023.3 Voiceover - Version Latest |