Accessibility errors with custom radio buttons
Hi,
I'm building a range of quiz questions using some of the different custom radio buttons available from the drop-down box in Customize Radio Buttons on the Test and Survey Ribbon.
I've then checked the accessibility of these buttons using the WAVE tool in my browser.
Unlike the default buttons, all custom radio buttons consistently return the following accessibility error.
Does anyone know how to resolve this? The label settings in the Properties tab are identical for both default and custom buttons.
Thanks in advance.
Discussion (1)
Hi, Nina--
I did a quick test with a True/False question using custom radio buttons and do see the same errors you flag. Looking at the rendered HTML page in Chrome's Developer Tools, I see that each custom radio button in the T/F question has two labels, one of which is empty. WAVE is spot on! I've attached a snip of the code with the second, empty label highlighted. It looks like this label's only purposes is for the onclick function. But because it is the second label for the same radio button and is empty (contains no text), it is causing the accessibiity issues. By comparison, when using default radio buttons, the onclick is on the radio button itself (with no extra label), so it does not cause an error. I would submit a ticket to Support since this looks like a bug.
Ann