WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: jQuery/JS plugin for tabs

for

From: Bryan Garaventa
Date: Apr 8, 2015 3:13PM

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

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Sylvia Richardson
Sent: Wednesday, April 08, 2015 2:07 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] jQuery/JS plugin for tabs

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

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Chris Pearce
Sent: Wednesday, April 08, 2015 5:01 PM
To: WebAIM Discussion List
Subject: [WebAIM] jQuery/JS plugin for tabs

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
Blue Cross and Blue Shield of North Carolina

Confidentiality Notice: This message is intended only for the use of the individual or entity to which it is addressed. This communication may contain individual protected health information ("PHI") that is subject to protection under state and federal laws, or other privileged, confidential or proprietary information of Blue Cross and Blue Shield of North Carolina that may not be further disclosed. If you are not the intended recipient, or the employee or agent responsible for delivering this communication to the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. If you have received this communication in error, please notify us immediately by replying to this message and deleting it from your computer. Thank you.