test case for support by screenreader of scope, headers/id and summary attribut

A lot of this exemple can be found on the technique for WCAG 2.0 document

table without summary, th, scope or headers/id

Page Title
navigation content main content right sidebar content
footer

table with empty summary

Page Title
navigation content main content right sidebar content
footer

table with summary

State & First State & Sixth State & Fifteenth Fifteenth & Morrison
4:00 4:05 4:11 4:19

table with just th

State & First State & Sixth State & Fifteenth Fifteenth & Morrison
4:00 4:05 4:11 4:19

table with just th vertical order

State & First 4:00
State & Sixth 4:05
State & Fifteenth 4:11
Fifteenth & Morrison 4:19

table with th and scope

State & First State & Sixth State & Fifteenth Fifteenth & Morrison
4:00 4:05 4:11 4:19

table with th and scope vertical order

State & First 4:00
State & Sixth 4:05
State & Fifteenth 4:11
Fifteenth & Morrison 4:19

table with th and headers/id

State & First State & Sixth State & Fifteenth Fifteenth & Morrison
4:00 4:05 4:11 4:19

table with th and headers/id vertical order

State & First 4:00
State & Sixth 4:05
State & Fifteenth 4:11
Fifteenth & Morrison 4:19

table with th, scope, both reading order

Age Phone# Fax# City
Joel Garner 21 412-212-5421 412-212-5400 Pittsburgh
Clive Lloyd 22 410-306-1420 410-306-5400 Baltimore
Gordon Greenidge 25 281-564-6720 281-511-6600 Houston

table with th, headers/id, both reading order

Age Phone# Fax# City
Joel Garner 21 412-212-5421 412-212-5400 Pittsburgh
Clive Lloyd 22 410-306-1420 410-306-5400 Baltimore
Gordon Greenidge 25 281-564-6720 281-511-6600 Houston

complex table with th and headers/id

Homework Exams Projects
1 2 Final 1 2 Final
15% 15% 15% 20% 10% 10% 15%

complex table with th and scope

Homework Exams Projects
1 2 Final 1 2 Final
15% 15% 15% 20% 10% 10% 15%

complex table with th and headers/id and scope

Homework Exams Projects
1 2 Final 1 2 Final
15% 15% 15% 20% 10% 10% 15%

complex table with th only

Homework Exams Projects
1 2 Final 1 2 Final
15% 15% 15% 20% 10% 10% 15%

complex table with th and headers/id (juicystudio exemple)

Simply Complex
A B C D E
1 Cell 1 cell 2 Cell 3 Cell 4 Cell 5 6
2 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 7
3 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 8
4 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20 9
5 Cell 21 Cell 22 Cell 23 Cell 24 Cell 25 10
F G H I J

complex table with th and scope (juicystudio exemple)

Simply Complex
A B C D E
1 Cell 1 cell 2 Cell 3 Cell 4 Cell 5 6
2 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 7
3 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 8
4 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20 9
5 Cell 21 Cell 22 Cell 23 Cell 24 Cell 25 10
F G H I J

complex table with th only (juicystudio exemple)

Simply Complex
A B C D E
1 Cell 1 cell 2 Cell 3 Cell 4 Cell 5 6
2 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 7
3 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 8
4 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20 9
5 Cell 21 Cell 22 Cell 23 Cell 24 Cell 25 10
F G H I J