Table headers in a data table must refer to data cells

Ensure that each table header in a data table refers to data cells so that each header cell that is used is actually a header of something.

In other words, the th element must have associated data cells.

If header attributes exist, ensure that they reference elements with text available to screen readers.

• The th element must not use the headers attribute
• th elements should only be used when there is a single row and single column of headers
• th elements must use the scope attribute

<table>
  <caption>Teddy bear collectors:</caption>
 <tr> 
    <th scope="row">Last Name</th>
    <th scope="row">First Name</th>
    <th scope="row">City</th>
  </tr>
  <tr>
    <td>Phoenix</td>
    <td>Imari</td>
    <td>Henry</td>
  </tr>
  <tr>
    <td>Zeki</td>
    <td>Rome</td>
    <td>Min</td>
  </tr>
  <tr>
    <td>Apirka</td>
    <td>Kelly</td>
    <td>Brynn</td>
  </tr>
</table>

Following is the corrected code for associating column headers with table content in the previous example:

...
<th scope="col">Last Name</th>
<th scope="col">First Name</th>
<th scope="col">City</th>
...