E-mail List Archives

Search E-mail List Archives 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

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS 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.

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

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS 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 ADDRESS 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.