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