-
Bug
-
Resolution: Fixed
-
High
-
5.11.0, 5.13.0
-
Severity 3 - Minor
-
Issue Summary
The checkbox present in the table is missing an association between visual text and the checkbox.
Steps to Reproduce
- Open the "Project - All open" page.
- Navigate to the main content.
- Using the screen reader, navigate to the checkbox.
- Inspect the code.
- Observe that the checkbox is not explicitly associated.
Screenshot
Actual Results
When users navigate to the "Select all" checkbox, it announces empty for screen reader users.
As a result, if checkboxes are missing accessible names the motive of checkboxes will not be known to screen reader users and thus create a bad user experience for them.
Note: The same issue reproduced in the form field in the " invite team "non-modal dialog
Expected Results
The accessible names for checkboxes should be announced for the screen reader users when they navigate to this.
Apply the following changes:
- The checkbox that has having functionality of activating all checkboxes(consisting of particular issues) in the table should have an accessible name as “Select all issues”. This can be achieved by using the aria-label attribute in <input> element.
- The checkbox present for a particular issue should be associated with the checkbox <input> element using the “aria-labelledby” attribute. The checkbox should be referenced via the issue key link.
Code Snippet
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest
[JSDSERVER-14211] Project | All open: Missing explicit association of form controls
| Priority | Original: Low [ 4 ] | New: High [ 2 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 981306 ] |
| Labels | Original: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-customer-escalated ax-esc-Treasury-Board-of-Canada-Secretariat ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-qa ril | New: 1.3.1 Level-A WCAG21 ax-at-user ax-bug ax-customer-escalated ax-esc-Treasury-Board-of-Canada-Secretariat ax-high-priority ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-qa ax-qa-fixed ax-qa-verified ril |
| Attachment | New: Screenshot 2024-12-13 at 5.31.08 PM.png [ 476090 ] |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 959976 ] |
| Fix Version/s | New: 10.2.0 [ 109023 ] |
| Status | Original: In Review [ 10051 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: In Progress [ 3 ] | New: In Review [ 10051 ] |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |