W3CWeb Accessibility Initiative Home

AXIS attribute for table cells

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 TH and TD axis attribute content.
  2. When querying a table cells, axis information should be available to the user.

Run test

Test table for table cell axis attribute
Table Header 1
( axis 1 )		 Table Header 2
( axis 2 )		 Table Header 3
( axis 3 )		 Table Header 4
( axis 4 )		 Table Header 5
( axis 5 )
Table Header 5
( axis a )		 Cell 1.1
(axis 1,a)		 Cell 1.2
(axis 2,a)		 Cell 1.3
(axis 3,a)		 Cell 1.4
(axis 4,a)		 Cell 1.4
(axis 5,a)
Table Header 6
( axis b,bb )		 Cell 2.1
(axis 1,b,bb)		 Cell 2.2
(axis 2,b,bb)		 Cell 2.3
(axis 3,b,bb)		 Cell 2.4
(axis 4,b,bb)		 Cell 2.5
(axis bb,b,5)
Table Header 7
( axis c,bb )		 Cell 3.1
(axis bb,c,1)		 Cell 3.2
(axis bb,c,2)		 Cell 3.3
(axis bb,c,3)		 Cell 3.4
(axis bb,c,4)		 Cell 3.5
(axis bb,c,5)
Table Header 8
( axis d,dd )		 Cell 4.1
(axis dd,d,1)		 Cell 4.2
(axis dd,d,2)		 Cell 4.3
(axis dd,d,3)		 Cell 4.4
(axis dd,d,4)		 Cell 4.5
(axis dd,d,5)
Table Header 9
( axis e,dd )		 Cell 5.1
(axis dd,e,1)		 Cell 5.2
(axis dd,e,2)		 Cell 5.3
(axis dd,e,3)		 Cell 5.4
(axis dd,e,4)		 Cell 5.5
(axis dd,e,5)

Expected results

  1. The user agent should make the association between table rows and columns with the same axis attribute values available to the user.

Source code

<table border="1" cellpadding="5" summary="Test table for table cell axis attribute">
  <caption>Test table for table cell axis attribute</caption>
  <tr>
    <th rowspan="1" colspan="1"></th>
    <th id="h1" axis="axis1" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th id="h2" axis="axis2" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th id="h3" axis="axis3" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th id="h4" axis="axis4" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <th id="h5" axis="axis5" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
  </tr>
  <tr>
    <th id="ha" axis="axis-a" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <td headers="h1 ha" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h2 ha" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h3 ha" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h4 ha" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h5 ha" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <th id="hb" axis="axis-b, axis-bb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <td headers="h1 hb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h2 hb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h3 hb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h4 hb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h5 hb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <th id="hc" axis="axis-c, axis-bb" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <td headers="h1 hc" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h2 hc" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h3 hc" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h4 hc" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h5 hc" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <th id="hd" axis="axis-d, axis-dd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <td headers="h1 hd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h2 hd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h3 hd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h4 hd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h5 hd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
  <tr>
    <th id="he" axis="axis-e, axis-dd" rowspan="1" colspan="1">
      <br clear="none"></br>
    </th>
    <td headers="h1 he" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h2 he" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h3 he" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h4 he" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
    <td headers="h5 he" rowspan="1" colspan="1">
      <br clear="none"></br>
    </td>
  </tr>
</table>

References

  1. HTML 4.01 specification for AXIS

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.