WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Alternatives to LEGEND for a radio button?

for

From: Steven Henderson
Date: Aug 27, 2009 2:05AM


Darrel,

I'm just curious as to why you're using an ordered list as opposed to an
unordered list?

Steven




-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of D A
Sent: 26 August 2009 19:41
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Alternatives to LEGEND for a radio button?

> 3) Would there be another tag that is acceptable in this scenario?
> I've read that some have just abandoned use of the legend tag due to
> all the styling issues and instead use a header tag of some sort.

Well, that's what I did. Fighting the legend tag was just too much. So
I'm swapping in an H2. Any comments on the following markup exampe?

<form>
<fieldset>
<legend>Fieldset Legend</legend>
<ol>
<li>
<label for="name">Name</label>
<input type="text" id="name" />
</li>
<li>
<label for="address1">Address<em>*</em></label>
<input type="text" id="address1" />
</li>
<li>
<h2>formatted as label for group elements</h2>
<div class="radioButtonGroup">
<label><input type="radio"
name="invoice-address" />Yes</label>
<label><input type="radio"
name="invoice-address" />No</label>
</div>
</li>
</ol>
</fieldset>
</form>

-Darrel