[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.
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>
Learn more
WCAG2.0 Techniques: