WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Interaction with tab panels

for

From: Bryan Garaventa
Date: Aug 3, 2016 3:18PM

Hi,
Which screen reader and which browser are you using?

Also, are you referring to the example at
http://a11yideas.com/testcode/tabs/tabs_with_ARIA.html ?

This matches the ARIA Tab paradigm at
http://whatsock.com/bootstrap/jquery

All of the Tabs are programmed with one tab stop plus the requisit ARIA attributes to ensure proper functionality within ATs.

I'm not sure why your browser would be showing multiple tab stops.


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


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Vemaarapu Venkatesh
Sent: Wednesday, August 03, 2016 10:59 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Interaction with tab panels

>When I interacted with the tab panel present in the above link, I
>observed

> >1. When all tabs are in collapsed state, I hit tab to enter into tab
> panel. Then I thought that >focus moves out of tab panel to "Yes"
> button if I hit tab key once again. But navigation >continues in tab
> panel i.e the other two tab items are in tab order. This behavior is
> not >seen when any one of tab items is expanded.
> >I feel that interaction inside the tab panel should be only with
> >arrow
> keys but not with tab >key anytime.
> >2. If I am expanding any tab item, the already selected tab item is
> >not
> getting collapsed >automatically. User has to collapse and expand manually.
>
> Can I consider above 2 points as violations as tab items are navigable
> with tab key and selected tab items are not collapsed when we expand
> other tab item.
>


> Regards,
> venkatesh
>