Some Basics...

Every cell tells a story
- Name the data cell, explain it's relationships

Use Table Head <th> element on row or column head cells

BOLD and center comes for free.

Generally, table header cells should not be empty.

Travel Expense Report
  Meals Hotels Transport
25-Aug-97 37.74 112.00 45.00
26-Aug-97 27.28 112.00 45.00
Sub-total 65.02 224.00 90.00

Note: an empty top left data cell confuses VoiceOver ...
use <th></th> instead of <td></td> to repair, or add a real <th> with content.

Travel Expense Report (repaired)
Dates Meals Hotels Transport
25-Aug-97 37.74 112.00 45.00
26-Aug-97 27.28 112.00 45.00
Sub-total 65.02 224.00 90.00

 

<table border="1" width="60%">
<caption>
Travel Expense Report
</caption>
<tbody>
<tr>
<th>Dates</th>
<th>Meals</th>
<th>Hotels</th>
<th>Transport</th>
</tr>
<tr>
<th>25-Aug-97</th>
<td>37.74</td>
<td>112.00</td>
<td>45.00</td>
</tr>


Explain the table

When possible - Simplify