You are viewing information archived from Mozilla.org on 2015-08-05.

Test Case Description for  Data Table(1)

Purpose: Verify that the row and column headers can be identified for data tables.



Initial  Conditions:

  1. Have Screen Reader program installed.

Steps/Description:
  1. 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:
  1. SR can speak the table headers.




HTML Source Code:
<table>
  <tbody>
    <tr><th><div align="Center">&nbsp;</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>