W3CWeb Accessibility Initiative Home

TABLE HEADER navigation

On this page: Test 1 | References | About these tests

Nearby: More HTML 4.01 Tests | UAAG 1.0 Test Suite

UAAG 1.0 Requirement

Checkpoint 9.9 Allow structured navigation (Priority 2 )
Provision 1 : Allow the user to navigate efficiently to and among important structural elements in rendered content.
Provision 2 : As part of satisfying provision one of this checkpoint, allow forward and backward sequential navigation.

Test 1 :

Procedure

  1. Using the keyboard or an assistive technology that emulates the keyboard, navigate forward and backward through the table headers on this page.

Run test

Non-structural text

Table 1 - Header 1 Table 1 - Header 2 Table 1 - Header 3
Cell 1.1 Cell 1.2 Cell 1.3
Cell 2.1 Cell 2.2 Cell 2.3

Non-structural text

Table 2 - Header 1 Table 2 - Header 2 Table 2 - Header 3
Cell 1.1 Cell 1.2 Cell 1.3
Cell 2.1 Cell 2.2 Cell 2.3

Non-structural text

Expected results

  1. The user should be able to navigate sequentially through the table headers on this page while skipping non-header cells.
  2. The user can navigate both forward and backward through the table headers.

Source code

<p class="test" border="1" cellpadding="5" summary="Test header navigation table" class="test" border="1" cellpadding="5" summary="Test header navigation table" class="test">
  <tr>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 1</th>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 2</th>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 3</th>
  </tr>
  <tr>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.1</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.2</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.3</td>
  </tr>
  <tr>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.1</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.2</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.3</td>
  </tr>
</p>
<table border="1" cellpadding="5" summary="Test header navigation table" class="test" border="1" cellpadding="5" summary="Test header navigation table" class="test">
  <tr>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 1</th>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 2</th>
    <th rowspan="1" colspan="1" rowspan="1" colspan="1">Table 1 - Header 3</th>
  </tr>
  <tr>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.1</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.2</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 1.3</td>
  </tr>
  <tr>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.1</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.2</td>
    <td rowspan="1" colspan="1" rowspan="1" colspan="1">Cell 2.3</td>
  </tr>
</table>
<p class="test" border="1" cellpadding="5" summary="Test header navigation table" class="test">
  <tr>
    <th rowspan="1" colspan="1">Table 2 - Header 1</th>
    <th rowspan="1" colspan="1">Table 2 - Header 2</th>
    <th rowspan="1" colspan="1">Table 2 - Header 3</th>
  </tr>
  <tr>
    <td rowspan="1" colspan="1">Cell 1.1</td>
    <td rowspan="1" colspan="1">Cell 1.2</td>
    <td rowspan="1" colspan="1">Cell 1.3</td>
  </tr>
  <tr>
    <td rowspan="1" colspan="1">Cell 2.1</td>
    <td rowspan="1" colspan="1">Cell 2.2</td>
    <td rowspan="1" colspan="1">Cell 2.3</td>
  </tr>
</p>
<table border="1" cellpadding="5" summary="Test header navigation table" class="test">
  <tr>
    <th rowspan="1" colspan="1">Table 2 - Header 1</th>
    <th rowspan="1" colspan="1">Table 2 - Header 2</th>
    <th rowspan="1" colspan="1">Table 2 - Header 3</th>
  </tr>
  <tr>
    <td rowspan="1" colspan="1">Cell 1.1</td>
    <td rowspan="1" colspan="1">Cell 1.2</td>
    <td rowspan="1" colspan="1">Cell 1.3</td>
  </tr>
  <tr>
    <td rowspan="1" colspan="1">Cell 2.1</td>
    <td rowspan="1" colspan="1">Cell 2.2</td>
    <td rowspan="1" colspan="1">Cell 2.3</td>
  </tr>
</table>
<p class="test">Non-structural text</p>

References

  1. HTML 4.01 specification for TABLE
  2. HTML 4.01 specification for TH

About this test suite

This test is part of a test suite for the User Agent Accessibility Guidelines (UAAG) 1.0 . This work is conducted by the User Agent Accessibility Guidelines Working Group , which is part of W3C's Web Accessibility Initiative (WAI) . Please send comments on this test to w3c-wai-ua@w3.org ( public archive ).

Test created by:

Last modified: $Date: 2003/04/02 23:46:49 $ by $Author: jongund $

Copyright © 1999 - 2003 W3C® ( MIT , INRIA , Keio ), All Rights Reserved. W3C liability , trademark , document use and software licensing rules apply.