mgifford edited this page Oct 14, 2012 · 48 revisions

Welcome to the jQuery-Accessible-RIA Wiki!

What it is

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).
They are developed to extend the frontend development best practice at Namics, a full service web agency in Germany and Switzerland. My goal was to provide some accessible, usable and easy to implement widgets to improve quality and working speed in frontend developers’ daily routine. So I picked some of the most seen design patterns on the web: currently a lightbox app, live form-validation, accessible tabs and sortable tables are ready to use.
The applications were developed within my Master Thesis at University of Applied Sciences Giessen-Friedberg. Get further information about my master thesis: Diplomarbeit

Who should use it

The widgets work out-of-the-box but are highly configurable. They are developed to be easily extended as a foundation for further development in every day agency work. All you need is some knowledge in jQuery and HTML.


Some key facts:

  • fully WAI WCAG 2.0 and WAI ARIA conform
  • full browser history and title support via jQuery Address
  • built in workaround for older screen reader*
  • fully commented source code (English)
  • How-To-Use (English)
  • detailed description (my Master Thesis – German)
  • comes with minified version
  • works out-of-the-box
  • easy to extend
  • jQuery UI Theme Switcher compatible

*Change form workaround by Gez Lemon to force a virtual buffer update.

Compatible and tested with

  • Firefox 2+
  • Internet Explorer 6+
  • Safari 3

Coded in conformance to and with help of

Based on

  • valid XHTML 1.1 Strict
  • valid CSS 2.0
  • jQuery 1.4.x and jQuery UI 1.8.x (master branch)
  • jQuery 1.3.x and jQuery UI 1.7.x (legacy branch)

Demos and widget key facts

Please take a look at the sub pages of this Wiki:

Demos are currently outdated

jQuery UI Tabs, Style Switcher and jQuery Address are third party add-ons.

Where to find further information

Check the sub pages of this Wiki for a description how to use the applications. There is a short tutorial in every js file which explains all methods, callbacks and options, too. The widget demos themselves should be self-explanatory, but feel free to contact me at the forum (here at GitHub).

A detailed description of the widgets and their functionality (in German language) could be found in my Master Thesis pdf file which could be downloaded in the download section. This includes a detailed analysis of the widgets functionality and how to extend them.
Get further information about my Master Thesis: Diplomarbeit or at in German language.

Support and Bugs

Feel free to contact me at the forum (here at GitHub). However, please to be patient with the response. I have only a certain amount of time to support this effort and will allocate it the best I can.

Bugs and questions could be reported to the GitHub bugtracking System: Issues


The code and the thesis are both licensed under a Creative Commons Attribution-Share Alike 3.0 Unported Licence. In January 2010 the license of my widgets was changed to MIT license (more info).
So please feel free to use my work, even in your commercial projects! All I ask for is to drop me a few lines and tell me what you did.


These widget are developed as my master thesis but maintenance is done in my spare time. I already spent hundreds of hours while developing and testing these applications. I love to see this widgets in action (please tell me what you did!) and could be used free of charge even in commercial projects.
Using my work in several commercial projects? What about donating a small amount to show me your appreciation? Please use Pledgie as provided by GitHub, use my Amazon Wishlist or even PayPal. Thanks for supporting further development!

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.