The ARIA labelledby jQuery plugin makes it easy to add relationships between page sections and their labels according to the WAI ARIA best practices.
Examples
Place the following code in the <head>
of your XHTML document.
Note: For best performance, it is recommended that you combine all JavaScript files below into a single minified file.
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.aria.js"></script>
<script type="text/javascript" src="jquery.aria.labelledby.js"></script>;
The following example should be run on page load, or right before the </body>
tag.
In this example, the first h2
found within each element with class of section
will be treated as the label for that section.
$('.section').labelledBy('h2');
Working example
A complete demonstration of the ARIA labelledby plugin is available.
Download
ARIA labelledby is licensed under the The GNU General Public License (GPL), by downloading and/or using it you are agreeing to abide by the terms of that license.
Package
Download the complete ARIA labelledby 0.1 example package (.zip)