Web Office

G.  Row and column headers shall be identified for data tables.

Explanation:

If you provide data in a table, place the column or row labels within the first row or column of the table. The reason for this: When they are placed outside the table, the labels cannot be associated with the specific row or column they are meant to identify.

Examples:

Item	Price
Textbook A	$39.95
Textbook B	21.65

In this example, Item and Price identify data in the columns below them. The user of a screen reader can now choose to read down a column, knowing what the column contains.

To identify a header cell, use following markup: <th>data</th>. FrontPage allows you to define a header cell in the Cell Properties dialog box.

The following example shows the wrong way to create this table. The column headers are no longer part of the column, and the user of a screen reader would not be able to connect the column headers with the column contents. 

Item

Price

Textbook A	$39.95
Textbook B	21.65

Back to Creating Accessible Web Sites