Test Case Description for Data Table(1)
Purpose: Verify that the row and column headers can be identified for data tables.Initial Conditions:
- Have Screen Reader program installed.
Steps/Description:
- View the page
with Screen Reader (SR), switch to table navigation mode (alt + T), and
navigate through the table cells both up and down the columns and across
the rows.
Expected Results:
- SR can speak the table headers.
HTML Source Code:
<table>
<tbody>
<tr><th><div align="Center"> </div></th>
<th scope="Col" width="150"><div align="Center">Spring</div></th>
<th scope="Col" width="150"><div align="Center">Summer</div></th>
<th scope="Col" width="150"><div align="Center">Autumn</div></th>
<th scope="Col" width="150"><div align="Center">Winter</div></th>
</tr>
<tr><td scope="Row" width="60"><div align="Center"><b>Tom</b></div></td>
<td><div align="Center">9-5</div></td>
<td><div align="Center">10-6</div></td>
<td><div align="Center">8-4</div></td>
<td><div align="Center">7-3</div></td>
</tr>
<tr><td scope="Row"><div align="Center"><b>Jerry</b></div></td>
<td><div align="Center">10-6</div></td>
<td><div align="Center">10-6</div></td>
<td><div align="Center">9-5</div></td>
<td><div align="Center">9-5</div></td>
</tr>
</tbody>
</table>