WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA tabs interaction


From: Morten Tollefsen
Date: Apr 29, 2016 1:51AM

Bryan, I agree, and "best practise using arrow keys" is known from native software (panes in Windows, OSX, ...). If users are confused here, I do believe this is because it is extremely easy to find bad implementations.

BR: Morten Tollefsen
+47 90899305, www.medialt.no

-----Opprinnelig melding-----
Fra: WebAIM-Forum [mailto: <EMAIL REMOVED> ] PÃ¥ vegne av Bryan Garaventa
Sendt: torsdag 28. april 2016 19.44
Til: WebAIM Discussion List < <EMAIL REMOVED> >
Emne: Re: [WebAIM] ARIA tabs interaction

The danger of this logic being, if everybody does this differently, nobody will ever understand what is expected now or in the future.

Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
415.624.2709 (o)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Detlev Fischer
Sent: Thursday, April 28, 2016 9:14 AM
Subject: Re: [WebAIM] ARIA tabs interaction

The best practice (to use arrow keys within tab lists for focuusing tabs) has always be conceptually difficult as there is no clear conceptual separation of tabbed navigation areas where you expect tabbing to work, and tab-panel like structures where (accorfding to ARIA best practices) arrow keys should be used. That is why many developers chose to support tabbing to tabs nad you find very different implementations with variants regarding the use of ARIA. For menus proper, i.e. the Menubar widget that really implement an application pulldowen menu like https://hanshillen.github.io/jqtest/#goto_menubar the situation is different.

So to answer the question, I personally don't see it as wrong to allow the user to tab through the top-level menu items, certainly niot for navigation menus, and I I see definite usability advantages of supporting both arrowing and tabbing for tabs in tab panels even if this deviates from ARIA best practice.


Detlev Fischer
testkreis c/o feld.wald.wiese
Thedestr. 2, 22767 Hamburg

Mobil +49 (0)157 57 57 57 45
Fax +49 (0)40 439 10 68-5

Beratung, Tests und Schulungen für barrierefreie Websites

Joseph Sherman schrieb am 28.04.2016 16:29:

> The design guide for ARIA menu tabs uses the "Tab" key to get into the
> tabs list, and then the arrow keys to move through the menu tabs and
> menu items. In my experience users, especially without a screen
> reader, expect the "Tab" key to move to the next menu Tab and are
> confused when the "Tab" key skips the menu tabs. Is it "wrong" to
> follow the guide but allow the user to tab through the top-level menu items?
> Joseph
> > > archives at http://webaim.org/discussion/archives
> >