-
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