W3CWeb Accessibility Initiative Home

TD headers attribute

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 rendered table cell and table header relationships correspond correctly with TD headers attribute content.

Run test

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Cell 1.1
(id="header1")		 Cell 1.2
(id="header2")		 Cell 1.3
(id="header3")		 Cell 1.4
(id="header4")
Cell 2.1
(id="header1")		 Cell 2.2
(id="header2")		 Cell 2.3
(id="header3")		 Cell 2.4
(id="header4")
Cell 3.1
(id="header1")		 Cell 3.2
(id="header2")		 Cell 3.3
(id="header3")		 Cell 3.4
(id="header4")

Expected results

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

Source code

<table border="1" cellpadding="5" summary="Test table for TD header attributes">
  <tr>
    <th id="header1" rowspan="1" colspan="1">Table Header 1</th>
    <th id="header2" rowspan="1" colspan="1">Table Header 2</th>
    <th id="header3" rowspan="1" colspan="1">Table Header 3</th>
    <th id="header4" rowspan="1" colspan="1">Table Header 4</th>
  </tr>
  <tr>
    <td headers="header1" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header2" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header3" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header4" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <td headers="header1" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header2" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header3" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header4" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <td headers="header1" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header2" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header3" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="header4" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
</table>

References

  1. HTML 4.01 specification for TD
  2. HTML 4.01 specification for HEADERS attribute

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.