E-mail List Archives
Re: Tabs and focus
From: Birkir R. Gunnarsson
Date: Aug 25, 2016 2:47PM
- Next message: Paul J. Adam: "Re: Tabs and focus"
- Previous message: Joseph Sherman: "Chrome Color Contrast Analyzer"
- Next message in Thread: Paul J. Adam: "Re: Tabs and focus"
- Previous message in Thread: Joseph Sherman: "Re: Tabs and focus"
- View all messages in this Thread
Me and a few other blind users did a couple of blogs on tabs:
describes the user experience and
talks about the coding and implementation.
We stick to the strictest attern of tabs, which I still think is the
best way to do them.
But sometimes making the tabpanel element focusable (with
tabindex="0") would make sense (it would get screen readers out of
forms mode), and I think when you have 2 or 3 tabs in a tablist, that
keeping individual tabs focusable is ok as longas the currently
selected one is indicated with aria-selected="true".
On 8/25/16, Joseph Sherman < <EMAIL REMOVED> > wrote:
> Paul J Adam wrote:
>>In my demo that deviates from the authoring practices I have all the tabs
>> available in the tab order or users can activate the arrow keys to move
>> between tabs.
> I looked at the demo using NVDA. Once I'm in the Tabs it goes to forms mode
> and the arrow key selects the next tab. In order to read the tab panel text
> I have to manually exit forms mode and arrow down. Is this expected behavior
> for screen reader users? Also note that the Tab key changes the focus but
> not the tab panel content, while the arrow keys do both.
>>I donât recommend jumping their focus down to the tab panel because they
>> may want to activate a different tab or read all the tabs before actually
>> moving focus into it.
> I didn't mean to jump focus on tab focus, but whether it makes sense to jump
> focus to content onclick.
>> > On Aug 25, 2016, at 11:57 AM, Joseph Sherman
>> < <EMAIL REMOVED> > wrote:
>> > Question: When using tabs like five items in a horizontal row each with
>> some text content, is it better to jump focus to the content when the
>> expands or activates the tab or have the user have to go through the
>> tabs to get to content?
>> > Also, the specs
>> > (https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel)
>> say that only the active tab should be in the tab order and users should
>> arrows to move through tabs. Is this another area when the specs are
>> of user expectations?
>> > Thanks.
>> > Joseph
>> > >> > >> > archives at http://webaim.org/discussion/archives
>> > >>
>> >> >> at
>> > > > > >
Work hard. Have fun. Make history.