<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%> Table examples

Assistive technology reading tables

Versions that were used in these tests:

Note: not all versions were used for every test.

Example 1 - Table using rowspan, colspan, rowgroup and colgroup

Continent Country Adult person
    Women Men
North America USA 12 13
Canada 20 34
Mexico 34 34
Asia india 23 32
Malaysia 34 43

Example 2

Table with no headers markup
corner col 2 col 3 col 4
ex row 2 data 2 2 data 2 3 data 2 4
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table with no structrual markup

Example 3

Table with scope (row on corner) only
corner col 2 col 3 col 4
ex row 2 data 2 2 data 2 3 data 2 4
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table with only scope (corner has scope="col")

Example 4

Table with TH's only on row 1
corner col 2 col 3 col 4
ex row 2 data 2 2 data 2 3 data 2 4
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table with TH in first row

Example 5

Table with TH's only on first column
corner col 2 col 3 col 4
ex row 2 data 2 2 data 2 3 data 2 4
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table with th's in first column

Example 6

Table with TH's in row two
corner col 2 col 3 col 4
ex row 2 data 2 2 data 2 3 data 2 4
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table TH's in row 2

Example 7

Table with TD's in row two and scope="col"
corner col 2 col 3 col 4
ex row 2 (w/SCOPE) data 2 2 (w/SCOPE) data 2 3 (w/SCOPE) data 2 4 (w/SCOPE)
ex row 3 data 3 2 data 3 3 data 3 4
ex row 4 data 4 2 data 4 3 data 4 4

Reading of table TH's in row 2 and scope="col"

Example 8

The diagonal used as headings with id's and headers.
heading 1 col 2 col 3 col 4
ex row 2 heading 2 data 2 3 data 2 4
ex row 3 data 3 2 heading 3 data 3 4
ex row 4 data 4 2 data 4 3 heading 4

Reading of table with Diagonal as headers with id/headers.

Example 9 - simple table with scope=col and scope=row

Include an example with column#1 containing serial numbers for rows in the table and the second column containing the key value for the row. The cells in the second column may then use scope=row. The cells in the first row too are marked up with

and use scope=col.

Contact Information
Serial# Name Phone# Fax# City
1. Joel Garner 412-212-5421 412-212-5400 Pittsburgh
2. Clive Lloyd 410-306-1420 410-306-5400 Baltimore
3. Gordon Greenidge 281-564-6720 281-511-6600 Houston

Prepared by Jim Thatcher www.JimThatcher.com, Sailesh Panchang www.deque.com Phone: 703-225-0380 (ext 105),
Edited and supplemented by David MacDonald, 613-235-4902 of www.eramp.com