Ask any question about HTML here... and get an instant response.
Post this Question & Answer:
How do you create an accessible table summary for screen readers?
Asked on May 10, 2026
Answer
To create an accessible table summary for screen readers, use the
<caption> element to provide a brief description of the table's contents. This helps users understand the table's purpose and structure.
<!-- BEGIN COPY / PASTE -->
<table>
<caption>Monthly Sales Data for 2023</caption>
<thead>
<tr>
<th>Month</th>
<th>Sales</th>
<th>Profit</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$10,000</td>
<td>$2,000</td>
</tr>
<!-- Additional rows here -->
</tbody>
</table>
<!-- END COPY / PASTE -->Additional Comment:
- The
<caption>element should be the first child of the<table>element. - Keep the caption concise but informative, summarizing the table's content effectively.
- Screen readers will announce the
<caption>to users, enhancing accessibility.
✅ Answered with HTML best practices.
Recommended Links:
