WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Interaction with tab panels

for

From: Bryan Garaventa
Date: Aug 4, 2016 1:26PM

Hi,
A quick question, is what you are building an Accordion, or a Tablist?

E.G A Tablist control includes all tabs within one parent container, and the controlled Tabpanel is outside of that container element, either positioned one on top of the other or side by side visually. Nevertheless, both containers are not nested.

An Accordion control is different however, in that the dynamically rendered content is nested within the same container element and inserted inline between the Accordion toggle elements.

Can you explain which one fits what you are doing?

The ARIA and keyboard usage paradigm will be different based on which one you are building.

Thanks,
Bryan




Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com