Add a scope to table headings - guidance for the City of Edinburgh Council website

What does this mean?

Table headers should include the scope attribute, to tell assistive technology which cells the header applies to: column, row, a group of columns, or a group of rows.

More help

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)

99.2% done

How close this website is to fixing this issue.