WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: How to associate form elements with table cells?

for

From: Steven Faulkner
Date: May 22, 2005 5:18PM

Hi

> Does is suffice to use the SCOPE attribute for both columns
> and rows (TH scope=col, TD scope=row)?

In practice for screen readers users I have found this will not be
sufficient.
I would suggest that a title attribute, is put on each of the 'quantity'
inputs, refer to example code below:

Example code:

<table>
<thead>
<tr>
<th scope="col">Product</th>
<th scope="col">Quantity</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row"><label><input type="checkbox"> Book A</label></td>
<td><input type="text" size="4" title="Quantity required, cost $2"></td>
<td>2,00</td>
</tr>
<tr>
<td scope="row"><label><input type="checkbox"> Book B</label></td>
<td><input type="text" size="4" title="Quantity required, cost $3"></td>
<td>3,00</td>
</tr>
</tbody>
</table>


with regards

Steven Faulkner
Web Accessibility Consultant
National Information & Library Service (NILS)
454 Glenferrie Road
Kooyong Victoria 3144
Phone: (613) 9864 9281
Fax: (613) 9864 9210
Email: <EMAIL REMOVED>

National Information Library Service
A subsidiary of RBS.RVIB.VAF Ltd.


>