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.

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)



95.2% done

How close this website is to fixing this issue.

More results from University Hospitals of Derby and Burton NHS Foundation Trust