Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

accessibility


jQuery actionsmenu plugin

Submitted by thomasingram on August 1, 2010 - 10:41am

This jQuery plugin makes it easy to provide access to functions from a drop-down menu. Includes accessibility features like WAI-ARIA and keyboard support for universal access.

Access Expander - accessible way to show and hide content

Submitted by vyoung on May 29, 2010 - 12:03pm

Access Expander is a small plugin that allows you to show and hide content in an accessible way. Keeping collapsed content positioned off the page (not hidden from screen readers), WAI-ARIA and tab navigability are implemented.

Fontscale

Submitted by Drywall on March 12, 2010 - 6:29pm

The jQuery Fontscale plugin is a module for jQuery that facilitates dynamically resizing the font size of specified elements. It supports sizing fonts up or down by configurable increments and units (pixels or percent). If the cookie jquery plugin is loaded, it also supports saving the modified font state via cookie. Font resizing is triggered by a click or other specified event.

accDND - The Keyboard and Screen Reader Accessible Drag and Drop Plugin

Submitted by bgaraventa on November 25, 2009 - 4:30am

About

accDND is a keyboard and screen reader accessible drag and drop functionality plugin for jQuery.

Features include:

  • Dragging selected options between unlimited Select fields by pressing the drag key ("`"), or cancel ("Escape") to stop dragging.
  • Optional flashing status messages to enhance user interaction.
  • WAI-ARIA support to enable automatic announcement of status messages for screen reader users.
  • Dynamic screen reader accessible hidden text to ensure accessibility for assistive technologies and browser versions that don't support ARIA.

Details

accDND was created to provide a fully accessible method for keyboard users to drag options between unlimited Select fields on a page.

PDK Accessibility: Dynamic font-size

Submitted by pdk on November 19, 2009 - 2:47am

This is a highly configurable accessibility plugin to control the font-size of your content dynamically.
See: Screenshot
This plugin changes the font-size of your content by clicking on a link i.e. 'a' tags (one each for increasing & decreasing the size).
You only need to specify the name of the container div or element of the content & need not specify every basic element like h2, p, span, etc. inside the container.
The font-size to the mentioned container must be specified in "px" in CSS (16px recommended but not compulsory). All the other elements inside must have font-sizes specified in either 'em' or '%'.

Persist Helper Text

Submitted by NathanaelB on October 23, 2009 - 9:18am

The purpose of this plugin is to persist the display of helper text associated with a form field by rendering the helper text (the title attribute on the field) inside the field until the user wants to enter text into the field where the plugin then moves the text outside the form field until the user is finished. This keeps the form display clean, makes it obvious which helper text or prompts relate to which field and makes sure the helper text is always available to the user.

All you have to do is make sure the text fields you want to use this on have the class name "persist" and that the field has a title attribute with the helper text you want rendered. Also, put some bottom padding on your form rows to make space for the helper text otherwise it'll bounce the form around.

Tabs - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 1:33pm

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML table. You could add a sorting functionality, add a pager functionality, hide cols and rows — pretty cool when a user has to handle huge tables

Functionality features

* sort data by number, date, text alphabetically
* high performance: handle even large tables
* hide columns and rows
* pager functionality
* Standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (arrow keys or native tabular index, Home, End, Space)
* ARIA Live-Regions
* ARIA and HTML table relations

Sortable Tables - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 1:30pm

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML table. You could add a sorting functionality, add a pager functionality, hide cols and rows — pretty cool when a user has to handle huge tables

Functionality features

* sort data by number, date, text alphabetically
* high performance: handle even large tables
* hide columns and rows
* pager functionality
* Standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (arrow keys or native tabular index, Home, End, Space)
* ARIA Live-Regions
* ARIA and HTML table relations

Lightbox - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 1:23pm

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
Yet another lighbox application as you might know it by Lokesh Dhakar. This one displays pictures in a single or gallery mode and comes with a lot of features and accessibility tweaks.

Functionality features

* all Strings editable
* gallery functionality
* configurable “darken background” functionality
* set position for lightbox by auto, x and y coords or offset to mouse
* set animation speed
* standard jQuery widget methods: disable, enable, destroy

File size of the minified version is less than 9 KB.

Accessibility features

* keyboard support (ESC, arrow keys, Home, End)
* fully scalable (with text size)
* ARIA Live-Regions
* ARIA relations

Live Form Validation - jQuery Accessible RIA

Submitted by fnagel on October 11, 2009 - 8:38am

jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).
This one extends a standard HTML form. A live-validation, a validation while typing, checks every field with a configurable regular expression. You could set your own reg-ex or use one of the predefined patterns.

Functionality features

* works with almost every form element
* submitting form via AJAX or default POST method
* built in workaround for submitting files via AJAX
* configurable self-validation time out
* a bunch of predefined validation patterns
* use your preferred CAPTCHA solution
* standard jQuery widget methods: disable, enable, destroy

File size of the minified version is 11 KB.

Accessibility features

* Accessible error messages
* Keyboard support
* ARIA Live-Regions