United States Department of Veterans Affairs
VHA Office of Health Information

Training for Testing HTML for 508 Compliance

Page 2 of 5

Testing for §1194.22 (h): Data Tables (Markup)

Back Next

Example

This example shows a complex data table of travel expenses. The expenses for meals, hotels, and transportation for two different trips, one to San Diego and another to West Palm Beach, are included in this table. After each trip's detail there is a subtotal and then a grand total in the final row of the table.

Complex data table of travel expenses with three levels.

The table in the above example has two main logical levels and a third level that contains the tally of all expenses. The next image displays the same table but with the first two logical levels highlighted so you can better identify them.

Complex data table, with travel expenses for the two trips highlighted.

Now that you have seen how this table is broken down logically, you should be aware of where the headers are placed. These headers are configured using the <th> tag instead of the <td> tag. Assistive Technology (AT), like screen readers, rely on the proper placement of headers to allow users of ATs to understand and make use of the data in the table.

The next image displays the same table as before, but this time the headers on the table are outlined so you can better identify them:

Complex data table, with header cells defined with the <th> tag highlighted.

Select Next for testing this requirement with AT.

Glossary in new window Resources in new window   Back Next