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

Here is a page from the IBM Web Accessibility  Guidelines that shows a
complex data table that uses header attributes for row header cells that
span rows and include header cells in a second column.

http://www-306.ibm.com/able/guidelines/web/webtableheaders.html

Cathy Laws

IBM Accessibility Center, WW Strategic Platform Enablement
11501 Burnet Road,  Bldg 904 Office 5F017, Austin, Texas 78758
Phone: (512) 838-4595, FAX: (512) 838-9367, E-mail: claws@us.ibm.com, Web:
http://www.ibm.com/able

Whatever you do, work at it with all your heart.


                                                                                                                                       
                      Jon Gunderson                                                                                                    
                      <jongund@uiuc.edu        To:       Peter Korn <korn@sun.com>, W3C WAI-UAWG <w3c-wai-ua@w3.org>                   
                      >                        cc:                                                                                     
                      Sent by:                 Subject:  Example of a data table that has data cells  with headers that are not in the 
                      w3c-wai-ua-reques         same row  of column as the data cell                                                   
                      t@w3.org                                                                                                         
                                                                                                                                       
                                                                                                                                       
                      09/30/2004 02:13                                                                                                 
                      PM                                                                                                               
                                                                                                                                       
                                                                                                                                       





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

Received on Thursday, 30 September 2004 21:04:28 UTC