WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Data table with merged cell

for

Number of posts in this thread: 2 (In chronological order)

From: Rabab Gomaa
Date: Thu, Jun 07 2012 3:05PM
Subject: Data table with merged cell
No previous message | Next message →

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

From: Stella Mudd
Date: Tue, Jun 12 2012 8:41AM
Subject: Re: Data table with merged cell
← Previous message | No next message

I've always had problems with rowspan/colspan which is why I use the
headers attribute in these cases. Any other suggestions?

On Thursday, June 7, 2012, Rabab Gomaa wrote:

> 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
>