Todd Kloots![]()
Currently this library can be used to identify the following errors:
1. Unlabeled UI controls
2. Buttons created using links with an href whose value is either "#" or "javascript:..."
3. Duplicate links to the same URL within a block of content
4. Links that have the same label
<script src="http://yui.yahooapis.com/3.4.0/build/yui/yui-min.js"></script>YUI({
//Last Gallery Build of this module
gallery: 'gallery-2011.09.28-20-29'
}).use('gallery-a11ychecker-base', function(Y) {
// Make sure all UI controls are properly labeled.
// Some examples of what it checks for:
// 1. Use of the <label> element with form controls
// 2. title attribute on iframes
// 3. All buttons have inner text
// 4. Images have alt attribute
// 5. Use of aria-label, aria-labelledby and aria-describedby
Y.a11ychecker.checkLabels();
// Find instances of buttons created using links (e.g. <a href="#">button</> or <a href="javascript:"></a>) that don't have the ARIA role of "button" applied
Y.a11ychecker.findLinkButtons();
// Find instances where a given block of content contains multiple links, all of which point to the same URL.
Y.a11ychecker.findDupeLinks();
// Find all links on the page that have the same inner text (e.g. all "read more" links)
Y.a11ychecker.findDupeLinkLabels();
// All errors are stored in a hash so that errors can be displayed in a variety of formats - inline tooltips, console logs, etc.
var errors = Y.a11ychecker.getErrors();
});No forum posts for this module.
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info