-
Bug
-
Resolution: Fixed
-
Low
-
4.22.3
-
Severity 2 - Major
-
Issue Summary
The checkboxes for the issues on the Queues page have a missing label and are missing explicit association.
Steps to Reproduce
- Launch the URL
- In the header section, navigate to the issues and select any issue.
- In the left sidebar section, select the "Queues" link.
- Keeping the screen reader on, navigate into the main content area to the issues and try to interact with the available checkboxes, and try to multi-select them.
Actual Results
The checkboxes for the issues in the Queues page have missing labels, which makes the screen reader announces them as empty checkbox ticked. Additionally, the 'for' and 'id' association is missing for the checkboxes and the issues. The screen reader announces it as "Checkbox tick", which does not indicate any label associated with it and will create confusion for the assistive technology users.
Labels need to be explicitly associated with their respective form controls for assistive technologies to identify the label accurately and convey the information to the users.
Expected Results
Provide a label to the checkboxes adjacent to their respective issues in line. Associate the label explicitly with the issues by providing an identical value that is unique from other IDs to "for" and "id" attributes to ensure that assistive technologies identify the label for the form control correctly.
The checkboxes have a tri-state functionality, ensure the checkboxes have the following attributes:
- aria-checked="false" - Indicates the tri-state checkbox is not checked.In this state, all controlled checkboxes are unchecked.
- aria-checked="true" - Indicates the tri-state checkbox is checked.In this state, all controlled checkboxes are checked.
- aria-checked="mixed" - Indicates the tri-state checkbox is mixed.In this state, some controlled checkboxes are unchecked and some are checked.
An example of a tri-state checkbox could be found at:
https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox-mixed.html
Screenshot
Screen Recording
Screen Recording 2022-05-31 at 5.45.05 PM.mov
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 745389
Bulldog Ref:
- mentioned in
-
Page Failed to load
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSDSERVER-11383] Issue in queue : The checkboxes for issues have missing labels and are missing explicit association.
| Labels | Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 | New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-critical ax-critical-priority ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 |
| Labels | Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 | New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Labels | Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 | New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 |
| Sprint | Original: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 6985, 7016, 7035, 7042 ] | New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4, JSM Sprint 5 [ 6985, 7016, 7035, 7042, 7051 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 735992 ] |
| Sprint | Original: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3 [ 6985, 7016, 7035 ] | New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 6985, 7016, 7035, 7042 ] |
| Labels | Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox sprint3 |
| Fix Version/s | New: 5.7.0 [ 104602 ] |
| Status | Original: In Review [ 10051 ] | New: Waiting for Release [ 12075 ] |