WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: help with a form please

for

From: Travis Roth
Date: Mar 15, 2007 6:50PM

Hi,
Since a label tag cannot be shared amongst input controls, an option would
be to create redundant labels and then use CSS to place them off-screen.

Currently screen readers support the use of the same ID attribute on
multiple controls referencing one label, but since technically an ID is to
be specific to an individual control this is an illegal practice. And you
never know when AT will stop supporting this.



-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Cheryl Amato
Sent: Thursday, March 15, 2007 6:40 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] help with a form please


I have a form (not my design) that needs be made accessible. You will see by
the code that there is a combination of radio buttons and input fields. I
have included a bit of the code as that may be easier than any explanation I
can give. I've never seen this kind of setup before and am unsure as to how
it should be handled. I know that <label> must be added to the input fields
especially since they are in different table rows. But what do I do with the
radio buttons? They are "sharing" the same text label.

Any help would be greatly appreciated.

<table border="0">
<tr>
<td colspan="2"><b>Candidate:</b></td>
</tr>
<tr>
<td><input type="radio" name="ctrecipient" value="ct_acct">&nbsp;&nbsp;
Committee:</td> <td> <INPUT size="25" name="iacct_name"
ID="iacct_name"></td> </tr> <tr> <td colspan="2">or</td> </tr> <tr>
<td><input type="radio" name="ctrecipient" value="ct_nm">&nbsp;&nbsp;
Candidate: </td> <td><table border="0">
<tr>
<td>First Name: </td>
<td>Last Name: </td>
</tr>
<tr>
<td><INPUT size="25" name="icand_fname" ID="icand_fname"></td>
<td><INPUT size="25" name="icand_lname" ID="icand_lname"></td>
</tr>
</table>
</td>
</tr>


Cheryl Amato
Trusted Technologies