Tables

Summary

`<table>`, `<tr>`, `<td>`, `<th>` and friends structure tabular data — still the correct choice for genuinely tabular content, not layout. Accessible table structure becomes especially important when rows and columns have relationships that users need to understand with screen readers or other assistive technology.

• 1Build a simple pricing or schedule table with proper `<thead>`/`<tbody>`. Keep the first version small, then add one improvement after the core behavior works.
• 2Learn `scope` and `<caption>` for accessible tables. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Understand why tables shouldn't be used for page layout — that's CSS's job.