WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Any ARIA conforming tab panels out there in the wild?

for

From: Steve Green
Date: May 18, 2018 10:13AM

That example works ok with keyboard navigation but it's not a great user experience with JAWS. In common with most, but not all, examples of tabbed interfaces it's necessary to use the hideous Alt+Insert+M shortcut to get to the tabpanel.

I find this to be the most difficult of all the JAWS shortcuts and I would be interested to know what JAWS users think of it. In fact, I wonder how many JAWS users ever use it, other than professionals like the people on this forum. Has anyone done any user testing with tabbed interfaces? I am tempted to include this example in the next project we do even though it's unrelated to anything we will be working on.

Regards,
Steve Green
Managing Director
Test Partners Ltd


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of glen walker
Sent: 18 May 2018 16:38
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Any ARIA conforming tab panels out there in the wild?

https://www.sas.com/en_us/software/visual-analytics/demo/banking-and-risk-insights/sample-report.html

You tab (key) to the tab control and it's one tab stop. You use left/right arrow keys to navigate among the tabs and press enter to select/load the contents of the tab.

It's using the tablist, tab, and tabpanel roles.

Glen


On Fri, May 18, 2018 at 9:14 AM, Detlev Fischer (TK) < <EMAIL REMOVED> > wrote:

> Hi,
>
> I am searching for a good example of a ARIA tab panel in the wild
> (i.e., one on a public, production-type web site or web app, *not* one
> of the best-practice examples out there). The example should conform
> (more or
> less) to the implementation recommended in the WAI-ARIA Authoring
> Practices
> 1.1
>
> https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel
>
> having either a manual or automatic activation of the panel.
>
> Most examples I have come across 'in the wild' have implemented
> tabbing to tabs (I am aware of the debate around that, and the pros
> and cons) but here, I am explicitly looking for an example that uses
> arrow keys to focus the tabs.
>
> Can any of you point to good implementations?
>
> Best,
>
> Detlev
>
> --
> ---------------------------------------------------------------
> Detlev Fischer PhD
> Testkreis
> http://testkreis.de
>
> Telefon: +49-40-43 18 75-25
> Mobile: +49-157 57 57 57 45
> Fax: +49-40-43 18 75-45
> E-Mail: <EMAIL REMOVED>
>
> Anschrift: Werderstr. 34
> <https://maps.google.com/?q=Werderstr.+34&entry=gmail&source=g>, 20166
> Hamburg Amtsgericht Hamburg HRB 58 167
> ---------------------------------------------------------------
>
> > > archives at http://webaim.org/discussion/archives
> >