In the example image above a simple data table is displayed. The cell at the top of each column is defined with the <th> tag. All other cells are defined with the <td> tag. This allows Assistive Technologies (AT), like screen readers, to properly associate each cell with the proper column header.
In the example above, the table contains row names as well as column headers. In order to allow a screen reader user to read the row names together with the data contained in each cell, the row names should be enclosed within <th> </th> tags.
Here is a code snippet to help you understand the example above:
<th>Order of State</th>
Now continue to Testing with AT.