Example of a data table that has data cells with headers that are not in the same row of column as the data cell

The second example of table headers shows headers that are not
in the same column and row as the data cell.

http://www.w3.org/TR/WCAG10-HTML-TECHS/#identifying-table-rows-columns

For example you may want the screen reader to say:

"San Jose 26 August 1997 meals 27 dollars and 28 cents"

Key HTML markup is:

1. "id" attribute set on the header cell
2. "headers" attribute set on the data cell (containts a list
of associated header ids)

Jon


Jon Gunderson, Ph.D., ATP
Coordinator of Assistive Communication and Information Technology
Division of Rehabilitation - Education Services
MC-574
College of Applied Life Studies
University of Illinois at Urbana/Champaign
1207 S. Oak Street, Champaign, IL  61820

Voice: (217) 244-5870
Fax: (217) 333-0248

E-mail: jongund@uiuc.edu

WWW: http://cita.rehab.uiuc.edu/
WWW: http://www.staff.uiuc.edu/~jongund