WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best practises with radio buttons

for

From: Sailesh Panchang
Date: Feb 25, 2016 2:35PM

Technique #6 or 7 might be helpful:
http://www.deque.com/blog/techniques-labeling-standard-html-form-controls/

Thanks,
Sailesh Panchang
On 2/25/16, Graham Armfield < <EMAIL REMOVED> > wrote:
> On Thu, Feb 25, 2016 at 12:31 PM, Birkir R. Gunnarsson <
> <EMAIL REMOVED> > wrote:
>
>>
>>
>> If you are using those techniques I would strongly advice to only do
>> that on the first radiobutton in each group (or the radiobutton that
>> receives focus when user tabs into the group).
>> Associating the question with every single radiobutton in the set
>> makes the screen reader experience so verbose as to be distracting.
>> Cheers
>>
>>
> ​I've had recent experience where that approach can be problematical. I did
> some work with a client that had an insurance quotation journey. There were
> many yes/no radio button groups in a row, and they initially had the
> question associated with the label for the first of the pair (Yes). That
> worked OK for initial filling in when people usually proceed down the form.
>
> However, having selected No to some questions, and then reviewing the form
> inputs before submission, or reviewing due to validation errors resulted in
> just the 'No' answer being read out without the context.​
>
> Perhaps a fieldset and legend would be the best solution where verbose
> announcing was considered a risk?
>
> Regards
> Graham Armfield
> > > > >