Overview of Tab Panel Examples
ARIA Features of Examples
| Example |
Source of Accessible Name |
Roles |
Accessible Properties |
Accessible States |
| label |
labelledby |
child nodes |
title |
| Tab Panel 1 |
|
X |
X |
|
application, tabpanel, tablist, tab |
aria-controls |
aria-hidden, aria-multiselectable, aria-selected |
| Tab Panel 2: Accordian |
|
X |
X |
|
application, tabpanel, tablist, tab |
aria-controls |
aria-hidden, aria-multiselectable, aria-selected |
Example Compatibility
| Example |
Windows |
Macintosh |
| IE 6 |
IE 7 |
IE 8 |
FF 3.6+ |
Safari 4+ |
Opera 10+ |
Chrome 5.0+ |
High Contrast |
FF 3.6+ |
Safari 4+ |
Opera 10+ |
High Contrast |
| Tab Panel 1 |
X |
X |
X |
X |
X |
X |
X1 |
X |
X |
X |
X |
X |
| Tab Panel 2: Accordian |
X |
X |
X |
X |
X |
X |
X1 |
X |
X |
X |
X |
X |
1 -Google Chrome does not propagate Control+ Page Up or Control+ Page Down to the web page when multiple tabs are open. This key combination will not function correctly in that case.