W3CWeb Accessibility Initiative Home

SCOPE

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 10.1 Associate table cells and headers (Priority 1 )
Provision 1 : For graphical user agents that render tables, for each table cell, allow the user to view associated header information.

Test 1 :

Procedure

  1. Determine whether or not table cell and table header relationships correspond correctly with TH and TD scope attribute content.

Run test

Header cell with scope set to "colgroup"
Table header 1
(scope set to "col")		 Table header 2
(scope set to "col")		 Table header 3
(scope set to "col")		 Table header 4
(scope set to "col")
Cell 1.1 (scope set to "row") Cell 1.2 Cell 1.3 Cell 1.4
Cell 2.1 (scope set to "row") Cell 2.2 Cell 2.3 Cell 2.4
Cell 3.1 (scope set to "row") Cell 3.2 Cell 3.3 Cell 3.4
Cell 4.1 (scope set to "row") Cell 4.2 Cell 4.3 Cell 4.4

Expected results

  1. The user agent should make available the header information for each cell based on the TD and TH scope attribute content.

Source code

<table border="1" cellpadding="5" summary="Test table for table cell scope attributes">
  <tr>
    <th colspan="5" scope="colgroup" rowspan="1">Header cell with scope set to "colgroup"</th>
  </tr>
  <tr>
    <th scope="col" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th scope="col" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th scope="col" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th scope="col" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
  </tr>
  <tr>
    <td scope="row" rowspan="1" colspan="1">Cell 1.1 (scope set to "row")</td>
    <td rowspan="1" colspan="1">Cell 1.2</td>
    <td rowspan="1" colspan="1">Cell 1.3</td>
    <td rowspan="1" colspan="1">Cell 1.4</td>
  </tr>
  <tr>
    <td scope="row" rowspan="1" colspan="1">Cell 2.1 (scope set to "row")</td>
    <td rowspan="1" colspan="1">Cell 2.2</td>
    <td rowspan="1" colspan="1">Cell 2.3</td>
    <td rowspan="1" colspan="1">Cell 2.4</td>
  </tr>
  <tr>
    <td scope="row" rowspan="1" colspan="1">Cell 3.1 (scope set to "row")</td>
    <td rowspan="1" colspan="1">Cell 3.2</td>
    <td rowspan="1" colspan="1">Cell 3.3</td>
    <td rowspan="1" colspan="1">Cell 3.4</td>
  </tr>
  <tr>
    <td scope="row" rowspan="1" colspan="1">Cell 4.1 (scope set to "row")</td>
    <td rowspan="1" colspan="1">Cell 4.2</td>
    <td rowspan="1" colspan="1">Cell 4.3</td>
    <td rowspan="1" colspan="1">Cell 4.4</td>
  </tr>
</table>

References

  1. HTML 4.01 specification for SCOPE
  2. HTML 4.01 specification for TD
  3. 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:50 $ by $Author: jongund $

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