< Back to Demos | Learn more at PaulJAdam.com >
Layout Tables with Role Presentation unnecessary unless table border present with VoiceOver but not JAWS and not always NVDA. YAY CONSISTENCY!
Random Layout Table Examples
| navigation |
main content |
side bar |
|
| home |
hello world |
test |
|
| google |
|
|
|
| |
|
|
|
| navigation |
main content |
side bar |
|
| home |
hello world |
test |
|
| google |
|
|
|
| |
|
|
|
| see |
spot |
run |
| over |
the |
lazy coder |
| see presentation |
spot |
run |
| over |
the |
lazy coder |
Test Results on Latest Versions of AT at 5/27/2015
JAWS only ignores the role=presentation table in IE/FF.
NVDA/FF ignores the last 2 tables including the see spot run table without a presentation role. NVDA/FF reads table semantics for first 2 tables.
VO iOS/OS X ignores all tables except the first one with a border attribute.
1 column, 1 row layout table
1 column, 2 row layout table
| Hello row 1 world |
| Hello row 2 world |
2 column, 1 row layout table
| Hello left column world |
Hello Right Column World |
2 column, 2 row layout table (only JAWS reads as data table)
| Hello left column world |
Hello Right Column World |
| Hello row 2 left column world |
Hello row 2 Right Column World |
3 column, 2 row layout table (only JAWS reads as data table)
| Hello left column world |
Hello Main Column World |
right column |
| Main left content |
MAIN CONTENT GOES HERE |
right navigation |