Table Accessibility scope summary caption
Add captions and scope attributes for screen reader support.
Why Table Accessibility Matters
Screen reader users navigate data tables cell by cell — they need header context for every data cell they read.
- Without proper markup, screen readers just read raw values without column/row context
- Accessible tables make data understandable for everyone
The caption Element
<caption> provides a visible title for the table:
<table>
<caption>Q4 2024 Product Sales by Region</caption>
<thead>...</thead>
<tbody>...</tbody>
</table>
<!-- caption is the first child of table -->
<!-- Screen readers announce it when entering the table -->
<!-- Helps all users understand the table's purpose at a glance -->All lessons in this course
- table tr td and th
- thead tbody tfoot Structure
- colspan and rowspan for Spanning
- Table Accessibility scope summary caption