WebAIM - Web Accessibility In Mind

E-mail List Archives

help with a form please

for

From: Cheryl Amato
Date: Mar 16, 2007 1:30PM

Okay. Taking a hint from Chris's example I created this code. Basically, I'm using an invisible image and giving it the <label> for those input fields with no text label. I would love to re-write this entire form (no tables, css, etc) but don't have that option. They really want it to look exactly like it currently does.

So my question is - is this format understandable?

<table border="0">
<tr>
<td colspan="2"><b>Candidate:</b></td>
</tr>
<tr>
<td><input type="radio" name="ctrecipient" value="ct_acct" id="ct_acct">&nbsp;&nbsp; <label for="ct_acct">Committee:</label></td>
<td><label for="iacct_name"><img src="clear.gif" alt="name" /></label> <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" id="ct_nm">&nbsp;&nbsp;<label for="ct_nm">Candidate:</label> </td>
<td>
<table border="0">
<tr>
<td><label for="icand_fname">First Name:</label> </td>
<td><label for="icand_lname">Last Name:</label> </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>…

Thanks for all your help.

Cheryl Amato
Trusted Technologies