Web Office

H.  Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

Explanation:

To group table rows in HTML, use thEAD for repeated table headers, TFOOT for repeated table footers, and TBODY for other groups of rows. Use COL and COLGROUP to group columns, and the "axis", "scope", and "headers" attributes, to describe more complex relationships among data.

Example:

(From the W3 guidelines: http://www.w3.org/tr/WCAG10-HTML-TECHS/
#identifying-table-rows-columns)

This table lists travel expenses at two locations: San Jose and Seattle, by date, and category (meals, hotels, and transport).

<table border="1">

<caption>Travel Expense Report</caption>
<tr>

<th></th>
<th id="header2" axis="expenses">Meals
<th id="header3" axis="expenses">Hotels
<th id="header4" axis="expenses">transport
<td>subtotals</td>

<tr>

<th id="header6" axis="location">San Jose
<th> <th> <th> <td>
<tr>
<td id="header7" axis="date">25-Aug-97
<td headers="header6 header7 header2">37.74
<td headers="header6 header7 header3">112.00
<td headers="header6 header7 header4">45.00
<td>

<tr>

<td id="header8" axis="date">26-Aug-97
<td headers="header6 header8 header2">27.28
<td headers="header6 header8 header3">112.00
<td headers="header6 header8 header4">45.00
<td>

<tr>

<td>subtotals
<td>65.02
<td>224.00
<td>90.00
<td>379.02

<tr>

<th id="header10" axis="location">Seattle
<th> <th> <th> <td>

<tr>

<td id="header11" axis="date">27-Aug-97
<td headers="header10 header11 header2">96.25
<td headers="header10 header11 header3">109.00
<td headers="header10 header11 header4">36.00
<td>

<tr>

<td id="header12" axis="date">28-Aug-97
<td headers="header10 header12 header2">35.00
<td headers="header10 header12 header3">109.00
<td headers="header10 header12 header4">36.00
<td>

<tr>

<td>subtotals
<td>131.25
<td>218.00
<td>72.00
<td>421.25

<tr>

<th>Totals
<td>196.27
<td>442.00
<td>162.00
<td>800.27

</table>

Here is how it might look in a browser:

Back to Creating Accessible Web Sites