WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: glen walker
Date: May 18, 2018 9:38AM

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
> ---------------------------------------------------------------
>
> > > > >