jQuery Accessibility Plugin
Author: Tane Piper (digitalspaghetti at gmail dot com).
Licensed under the MIT License.
Changelog
- Version 1.0 (20/07/2007)
- Initial version.
- Modifies text size to one of 4 CSS styles
- Change page Style
- Reset function
Useage
To use jQuery Accessibility Plugin - first you must have jQuery and the jQuery Cookie Plugin. This plugin has been tested with version 1.1.3 on FireFox2 on Ubuntu 7.04.
To initialise this, you need to include the JS files in your HTML header.
Show Code
<script src="jquery.js"type="text/javascript"></script>
<script src="jquery.cookie.js"type="text/javascript"></script>
<script src="jquery.ability.js"type="text/javascript"></script>
Examples
First of all, you need to create your basic HTML page. This requires a DIV
for your accessibility area.
Show Code
<div id="accessibility"></div>
By default, this will add Text sizing and Style sheet changing, plus a reset button
Basic Usage
Show Code
$('document').ready(function(){
$('#accessibility').ability();
});
With full options. Note these are default.
Show Code
$('document').ready(function(){
$('#accessibility').ability({
textsizer: true,
textsizeclasses: ['m', 'l', 'xl', 'xxl'],
switcher: true,
switcherstyles: ['default.css', 'high-contrast.css'],
styledir: "/css/",
savecookie: true,
defaultcss: 'default.css'
});
});
Demos
Download
jQuery Accessibility Plugin Version 1.0