-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Issue Summary
The custom checkbox "Create another" element is missing a role and/or checked state.
Steps to Reproduce
- Launch the URL
- In the header section Navigate to "Insights" and activate the link.
- Select the "Search objects" link from the insights menu.
- In the left navigation panel, activate the "Create object" button.
- A modal will appear for "Create Object", Navigate to the bottom of the modal keeping the screen reader on and try to activate the checkbox.
Actual Results
In the Create new object modal for the "Create another" checkbox, the role is not defined for the elements present in the modal. As a result, the interactive elements are announced as plain text by the screen reader.
Additionally, the checkbox element does not receive keyboard focus, making the keyboard only users inaccessible to using the feature available. Also, they have missing explicit association as "for" and "id" are not present.
Expected Results
Apply the following changes:
• Specify accessible role "Checkbox" for div element containing the checkbox and label.
• Ensure that the appropriate tab index value is specified for the mentioned checkboxes using the "TabIndex" property to ensure that the checkboxes receive keyboard focus.
• Specify state information for the checkboxes to notify users about the selected/unselected state of the checkboxes using the "aria-checked" property.
Ensure that the Label and Checkbox as explicitly associated with each other using the "for" and "id" attributes.
A working example could be found at: https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html
https://pauljadam.com/guides/grouping.html
Screenshot
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 746680
Bulldog Ref:
Hey dserhiienko ,
Status: fixed