WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Radio buttons?

for

From: Steve Faulkner
Date: Aug 15, 2012 12:26PM

if you use the title and an explicit label:

<input type="radio" id="a1" title="group label"> <label
for="a1">yes</label>

its hit and miss as to whether the title content will be announced by AT,
so better to use fieldset/legend

or you could use aria-describedby or labelledby

example 1

<label id="a2">group label</label>
<input type="radio" id="a1" aria-describedby="a2"> <label
for="a1">yes</label>

example 1 will result in the label then the group label being announced by
AT that support ARIA

example 2
<label id="a2">group label</label>
<input type="radio" id="a1" aria-labelledby="a2 a3"> <label for="a1"
id="a3">yes</label>

example 2 will result in the group label then the label being announced by
AT that support ARIA

regards
SteveF

On 15 August 2012 19:06, Rick Hill < <EMAIL REMOVED> > wrote:

> Is it best to enclose a group of radio buttons in a fieldset appropriately
> labeled (ala http://webaim.org/techniques/forms/controls#radio) or is it
> OK to use an appropriate title attribute on each of the radio inputs to
> provide information about what the radio button applies to? I lean toward
> fieldset.
> –––––––––––––––––––––––––––––––––––––––
> Rick Hill, Web CMS Administrator
> University Communications, UC Davis
>
> > > >