W3C home Web Accessibility Initiative (WAI) home

WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities

[DRAFT] Header cells and captions

Functional images are those that carry out an action, like those in a link or on a button. In this case the text alternative for an image needs to convey the action that will be initiated rather than to describe the image itself. For example the text alternative should be "print" rather than "image of a

Here's a very simple table, simple enough to need only the cells in the top row marked up as <th> cells. This is partly because it is such a small table and partly because the data itself is distinctly different in each column. Providing semantic header cells will forge a relationship between the column header and data cells in the same column.

Concert Dates
Date Event Venue
12 Feb Waltz with Strauss Main Hall
24 Mar The Obelisks West Wing
14 Apr The What Main Hall

Code snippet

<table>
<caption>Concert Dates</caption>
<tr>
<th>Date</th>
... </table>

Full code example for using <th> and <caption> (new window)