WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Problem with grouping controls such as radio buttons andcheck boxes

for

From: Mark Magennis
Date: Sep 15, 2022 6:55AM

Presumably you have a play button or download button for the audio file? You could include that before the control group, giving it a unique name and referring to that name within the legend, e.g.:

<button>Play question 1 audio</button>
<fieldset>
<legend>Question 1 listen to audio above before selecting an answer</legend>
<input type="radio>...
...
</fieldset>

This is just a rough idea, you might want to word it differently. I think you would also need instructions at the top of the page to tell users that where indicated some questions will require them to listen to an audio file before answering.

Mark

-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Geethavani.Shamanna
Sent: Thursday 15 September 2022 12:17
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [EXTERNAL] [WebAIM] Problem with grouping controls such as radio buttons and check boxes

Hello all,

We are wrestling with a problem related to grouping controls such as radio buttons and check boxes.

This is a simple process when questions appear as text in a paragraph. However, if there are single or multiple choice answers based on a question in an audio file, how do we group the controls meaningfully? What do we include in the Legend tag then?

Any ideas/suggestions greatly appreciated.

Many thanks.
Geetha