Link to the Show / Show NotesBy now most of us should be pretty familiar with creating an accessible data table--use a caption, TH for row and col headers, scope attribute, and the summary. In this podcast, Dennis talks about the least familiar of these techniques--the summary attribute of the table element. The summary attribute is WCAG Checkpoint 5.5 (Priority 3).
Download Web Axe Episode 54 (The Summary Attribute)
Examples of good summary text:
- The number of employees and the foundation year of companies in Orlando, Florida, in 1988.
- A warming trend has been observed in Cache Valley, with temperatures about 5 degrees above historical averages over the last two months.
- This table charts the number of cups of coffee consumed by each senator, the type of coffee (decaf or regular), and whether taken with sugar.
- Total required by pollution control standards as of January 1, 1971. Commercial category includes stores, insurance companies and banks.
<table summary="The number of employees and the foundation year of some imaginary companies.">
<caption>Table 1: Company data</caption>
<tr>
<th scope="col">Company</th>
<th scope="col">Employees</th>
<th scope="col">Founded</th></tr>
<tr>
<td scope="row">ACME Inc</td>
<td>1000</td>
<td>1947</td>
</tr>
<tr>
<td scope="row">XYZ Corp</td>
<td>2000</td>
<td>1973</td>
</tr>
</table>
Links
News
RSS Feed
