WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: jQuery/JS plugin for tabs

for

Number of posts in this thread: 3 (In chronological order)

From: Chris Pearce
Date: Wed, Apr 08 2015 3:00PM
Subject: jQuery/JS plugin for tabs
No previous message | Next message →

Hi,

It's been a while since having to build a tabs component so I was wondering if anyone could point me to an accessible jQuery or vanilla JS plugin that obviously applies the correct tab component behaviour but more importantly the correct keyboard behaviour and ARIA attributes. I used to use Gez Lemon's from Juicy Studio: http://juicystudio.com/article/aria-controls-lack-support.php JS but that was a few years back.

Thanks,
Chris

Sent from my iPhone

From: Sylvia Richardson
Date: Wed, Apr 08 2015 3:06PM
Subject: Re: jQuery/JS plugin for tabs
← Previous message | Next message →

Both of these libraries have skeleton code you could use to build your tabs:

AccDC Technical Style Guide - https://github.com/accdc/tsg
OpenAjax Examples - http://oaa-accessibility.org/examples/

-Sylvia

From: Bryan Garaventa
Date: Wed, Apr 08 2015 3:13PM
Subject: Re: jQuery/JS plugin for tabs
← Previous message | No next message

Hi,
If it's of help, the AccDC TSG ARIA Tabs module supports optional dropdown ARIA Menu attachment as well, if this is of interest. An example of this is located within the folder
Coding ArenaARIA MenusVariation ARIA Tabs With Right Click

Best wishes,
Bryan