WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: labeling question

for

From: Moore, Michael
Date: May 29, 2008 11:10AM

Nancy Johnson wrote:

In our web form we have several instances there there is one description
associated with 3 select boxes.
How do you label for this scenario?

Example: the name of the form control is Date of Manufacture: Then
there are 3 select boxes associated with Date of Manufacture, The first
one is Month, the second one is Day and the Third is Year.

Mikes suggestion:

Wrap the inputs in a fieldset with the legend of "Date of Manufacture"
and provide labels for each select element. Control appearance with
CSS.

<fieldset>
<legend>
Date of Manufacture:
</legend>
<label for="month">
Month
</label>
<select id="month">
<option value="1">January</option>
...
</select>
...
</fieldset>