WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Radio buttons?

for

Number of posts in this thread: 4 (In chronological order)

From: Rick Hill
Date: Wed, Aug 15 2012 12:06PM
Subject: Radio buttons?
No previous message | Next message →

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

From: Steve Faulkner
Date: Wed, Aug 15 2012 12:26PM
Subject: Re: Radio buttons?
← Previous message | Next message →

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 ADDRESS 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
>
> > > >

From: Johnson, Sharon
Date: Wed, Aug 15 2012 12:50PM
Subject: Re: Radio buttons?
← Previous message | Next message →

Could you please remove my name from this list its flooding my mailbox!
Sharon Johnson, SPED
From: = EMAIL ADDRESS REMOVED = [ = EMAIL ADDRESS REMOVED = ] On Behalf Of Steve Faulkner [ = EMAIL ADDRESS REMOVED = ]
Sent: Wednesday, August 15, 2012 2:26 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Radio buttons?

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 ADDRESS 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
>
> > > >

From: Patrick H. Lauke
Date: Wed, Aug 15 2012 3:10PM
Subject: Re: Radio buttons?
← Previous message | No next message

On 15/08/2012 19:50, Johnson, Sharon wrote:
> Could you please remove my name from this list its flooding my mailbox!
> Sharon Johnson, SPED
[SNIP]

See the links added to each message on this list...

>> >> >> >>
> > > > > >