Date | Payee | Amount | Total | $5,000 |
---|---|---|
1/1/2012 | Me | 500.00 |
1/2/2012 | Myself | 500.00 |
1/3/2012 | I | 500.00 |
1/4/2012 | Him | 500.00 |
1/5/2012 | Them | 500.00 |
1/6/2012 | Her | 500.00 |
1/7/2012 | They | 500.00 |
1/8/2012 | Us | 500.00 |
1/9/2012 | Everyone | 500.00 |
1/10/2012 | Nobody | 500.00 |
<table summary="there have been $5,000 in this months payments">
<caption>Recent Payments</caption>
<!-- start with thead -->
<thead>
<th scope="col">Date</th>
<th scope="col">Payee</th>
<th scope="col">Amount</th>
</thead>
<!-- then include a tfoot -->
<tfoot>
<th scope="row" colspan="2">Total</th>
<td>$5,000</td>
</tfoot>
<!-- now the tbody -->
<tbody>
<tr>
<td>1/1/2012</td>
<td>Me</td>
<td>500.00</td>
</tr>
<tr>
<td>1/2/2012</td>
<td>Myself</td>
<td>500.00</td>
</tr>
...
<tr>
<td>1/10/2012</td>
<td>Nobody</td>
<td>500.00</td>
</tr>
</tbody>
</table>
This short video shows how this page is read by VoiceOver with Safari Table with tfoot.