Accessibility issue - checkbox list

Jul 11, 2023

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

Pinned Reply
Angelo Cruz

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!

4 Replies
Marvie Mulder

Hey Sam!

Just checking in to let you know we are currently exploring ways to improve the checkbox list, and make it act more semantic. The nature of our checkbox limits us from using <label> tag because an author can add hyperlinks in the checkbox text. We opted to separate them because it's discouraged to place interactive elements inside the <label> tag for accessibility concerns. 

Cheers!

Marvie

Angelo Cruz

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!

This discussion is closed. You can start a new discussion or contact Articulate Support.