Accessibility issue - checkbox list
The checkbox list items are not functioning correctly. In order to select a checkbox list item, the user must select the graphical checkbox icon.
The user should be able to select the checkbox text label and select/deselect the checkbox list item.
This appears to be because the element is not using the correct semantic HTML <label> and is using an aria-labelledby attribute instead.
Using the <label> element will allow users to select the text to select the checkbox.
Illustration of the behaviour: https://www.dropbox.com/s/wslzshgev2dwzo9/2023-07-11_13-12-43.mp4?dl=0
Expected behaviour: https://www.dropbox.com/s/5subeogzwijk49l/2023-07-11_13-18-39.mp4?dl=0
Hi everyone! In today's update for Rise 360, we added the ability to be able to click on the block list checkbox label and have that select the checkbox. In addition, you can now click and drag highlighting the checkbox label text without toggling the checkbox.
New features and fixes are immediately available, though you might need to export a Rise 360 course again to update the existing published output with the new feature.
Have a great day!