fnagel / jQuery-Accessible-RIA
a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on jQuery (using the UI Widget Factory). Currently a lightbox app, live form-validation, accessible tabs and sortable tables are ready to use. Released under MIT licence.
Home
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.
Facts
Some key facts:
- fully WAI WCAG 2.0 and WAI ARIA conform
- 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.3.2
- jQuery UI 1.7.1
Please note that some widgets are already ported to work with jQuery 1.4.x and jQuery UI 1.8.x
Demos and widget key facts
Please take a look at the sub pages of this Wiki:
Please notice the style switcher is a third party addon — it is not part of my widgets.
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 is part of the repository (master branch) or 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
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 could be reported to the GitHub bugtracking System: Issues
License
Since January 2010 the license of my widgets was changed to MIT license. 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.
My master thesis is still licensed under under a Creative Commons Attribution-Share Alike 3.0 Unported Licence.
