Add a scope to table headings

Why?

Without specifying the header scope attribute, assistive technology such as a screen reader will not be able to accurately associate other cell data with the heading cell, making it difficult for users to understand the content of your table.

How?

This example shows how a table should use a <th> tag to mark cells as headings, correctly including the scope attribute.

<table>
 <tr>
   <th scope="col">Surname</th>
   <th scope="col">City</th>
 </tr>
 <tr>
   <td>Washington</td>
   <td>London</td>
 </tr>
 <tr>
   <td>Phoenix</td>
   <td>Arizona</td>
 </tr>
 <tr>
   <td>Austin</td>
   <td>Travis</td>
 </tr>
</table>

Learn more about accessible table design (W3C)