or
The summary information will be read twice. In the text before the table and when the screen reader enters the table.
This table shows meals, hotels, and transport for 2 separate days with subtotal by category.
Dates | Meals | Hotels | Transport |
---|---|---|---|
25-Aug-97 | 37.74 | 112.00 | 45.00 |
26-Aug-97 | 27.28 | 112.00 | 45.00 |
Sub-total | 65.02 | 224.00 | 90.00 |
<table aria-describedby="summary">
<caption>
Travel Expense Report - San Jose
</caption>
...
</table>
or
Gives the user control over whether or not to hear the summary.
Dates | Meals | Hotels | Transport |
---|---|---|---|
25-Aug-97 | 37.74 | 112.00 | 45.00 |
26-Aug-97 | 27.28 | 112.00 | 45.00 |
Sub-total | 65.02 | 224.00 | 90.00 |
<details> and <summary> works everywhere from the keyboard (not always in expected order). Except IE.
<table>
<caption>
Travel Expense Report - San Jose
<details>
<summary>Table Summary</summary>
<p>This table shows meals, hotels, and transport for 2 separate days with subtotal by category.</p>
</details>
</caption>
... </table>
or
Gives the user control over whether or not to hear the summary.
This table shows meals, hotels, and transport for 2 separate days with subtotal by category.
Dates | Meals | Hotels | Transport |
---|---|---|---|
25-Aug-97 | 37.74 | 112.00 | 45.00 |
26-Aug-97 | 27.28 | 112.00 | 45.00 |
Sub-total | 65.02 | 224.00 | 90.00 |
<table>
<caption>
Travel Expense Report - San Jose<br />
<a href="#tsummary">Table Summary</a>
</caption>
...
</table>
or
This table shows dates, meals, hotels, and transport for 2 separate days with subtotal by category.
Dates | Meals | Hotels | Transport |
---|---|---|---|
25-Aug-97 | 37.74 | 112.00 | 45.00 |
26-Aug-97 | 27.28 | 112.00 | 45.00 |
Sub-total | 65.02 | 224.00 | 90.00 |
You can use additional markup, such as paragraphs <p>, inside <caption>. Possibly using the paragraph to "explain" the table. (Juicy Studio). However, screen readers read everything within <caption> ...a bit tedious. Various other solutions have been tested-- David McDonald, and Terrill Thompson.