Table Caption & Scope

Relax. We'll talk through this in plain words — no textbook voice.

Adding <caption> and scope to tables improves accessibility — screen readers can better understand the column/row relationships.

Get the meaning right before you make a data table pretty. The basics of UX come down to "being understood beats looking good."

html

<table border="1">
  <caption>Monthly Sales Report</caption>
  <tr>
    <th scope="col">Month</th>
    <th scope="col">Sales</th>
  </tr>
  <tr>
    <th scope="row">January</th>
    <td>$5,000</td>
  </tr>
</table>

You should see

An accessible table with a caption will appear.