WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Interaction with tab panels

for

From: Sean Murphy
Date: Aug 4, 2016 4:30AM

This is a interesting discussion. I was at a A11y Web Dev meeting a few weeks which the speaker mention the different user expectation on the desktop compared to the Web Browser. On the desktop people know when to use the tab and arrow keys. In the browser, people attend to use the tab key first then the arrow keys. He went on to say that movement in the wider world of the Web is to try and merge these two type of usage as one.

Personally, I think if you are in a tab strip, menu, etc. Then you use the arrows key by default. AS this is what you do on the desktop. As well these are an single object regardless how they are built. The tab should move you to the next object (element).

Sean
> On 4 Aug 2016, at 1:19 PM, Vemaarapu Venkatesh < <EMAIL REMOVED> > wrote:
>
> Bryan, I found interaction is perfect with tab panel in the mentioned pages
> by you. In the first page, tab items are selected with the focus and in the
> second page first tab item is expanded as soon as receiving the focus. In
> two pages, interaction is possible only with arrow keys inside tab panel
> and tab key wont take us to next tab item.
> But in my case tab items are in collapsed state even after taking the focus
> to the tab panel and my main concern is "navigation is moving to other tab
> items in the list when we hit tab key when all items are collapsed". Is it
> fine like that.
> Please refer
> https://support.skype.com/en/faq/fa109/i-ve-forgotten-my-username-or-password
> I am using NVDA+Firefox. Hope I am clear.
> Regards,
> venkatesh
>
>
> On Wed, Aug 3, 2016 at 8:12 PM, Vemaarapu Venkatesh <
> <EMAIL REMOVED> > wrote:
>
>> Hello all, Greetings
>>
>> If we consider tab panel, we should use arrow keys to interact with tabs
>> inside the widget if I am not wrong.
>>
>>
>> https://support.skype.com/en/faq/fa109/i-ve-forgotten-my-username-or-password
>>
>> 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.
>>
>> Whether these two behaviors are recommendable when I am interacting with
>> tab panel widget.
>>
>> Hope you will correct me if I am going wrong with my perception.
>>
>> Regards,
>> venkatesh
>>
> > > >