WebAIM - Web Accessibility In Mind

E-mail List Archives

Data table with merged cell

for

From: Rabab Gomaa
Date: Jun 7, 2012 3:05PM

Hello,

Data table with merged cell <td rowspan="3"> </td>.
When I tested with Jaws, the cell was read for the first row only and skipped for the rest.
How to code this in order to make the table accessible?


<table cellspacing="3" cellpadding="3" border="1">
<tr>
<th scope="col">Legislation </th>
<th scope="col">Penalties </th>
<th scope="col">Health Act </th>
</tr>
<tr>
<td >Act 1</td>
<td ><p>$50,000 fine </p></td>
<td rowspan="3"><p>For most offences:</p>
<p><strong>First offence</strong> - $250,000 fine </p>
<p><strong>Subsequent offence</strong> - $500,000 fine</p></td>
</tr>
<tr>
<td >Act 2</td>
<td ><p>$50,000 fine </p></td>
</tr>
<tr>
<td >Act 3</td>
<td > $100,000 fine </td>
</tr>
</table>

Thank you,
Rabab