Important notice about the «ADG» project
Important notice: Due to large demand, the «Accessibility Developer Guide» project (currently a proof of concept with low priority) will become a top priority priority in 2017. We will make this guide become what it deserves to be for so long already: a comprehensive resource for all folks interested in accessibility. For this we need your support!
Tab panel widgets
Tab panels help to split up a page's content into smaller and thus more digestible parts which can toggled visible one at a time. They can be thought of "pages inside a page".
Just so you know: accordions usually solve a similar use case.
Notice: Tab panels are also called "tabs" or "tabbed interface controls" (in German sometimes: "Reiter"). We call them "tab panels" to avoid confusion with the "tab" key on the keyboard.
- NVDA, version 2015.3
- JAWS, version 16.0.4463
- Internet Explorer (IE), version 11.0.9600.18059
- Firefox (FF), version 41.0.2
- JAWS on IE and FF
- NVDA on IE and FF
In screenreaders, interaction with the tab panel in both browse and focus mode was tested.
Take this into consideration
Read this before using any widget!
Before getting too excited about all those fancy 3rd party widgets outthere, you better read about the things to consider when choosing a widget.
Also, you should be aware of how we review widgets.
Got something to say?
Help us managing this list!
Know another promising widget? Have different results when testing? Have other opinions about what's important?
You are very welcome to bring yourself in.
|Athena ICT Tabs|
|Barrierefreies Webdesign Tabs|
|Accessible Culture Tabs|
|OAAA Tab Panel|
For applications only
|jQuery Accessible tab panel system|
|Twitter Bootstrap Tabs|
|Whatsock Tabs (ARIA)|
|Whatsock Tabs (non-ARIA)|
|jQuery UI Tabs|
|jQuery Accessible Tabs|
|Accessible jQuery UI Tabs|
|Heydon Works Tabs|