• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    Accessibility Checker Base (gallery-a11ychecker-base) on cdn

    Last Updated: 09/28/11
    + 0 -

    Todd Kloots

    YUI Contributor

    See 1 more by this user.

    Created: 09/28/11
    Last CDN Push: 09/28/11
    Build Tag: gallery-2011.09.28-20-29
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.4.0
    Free for use.

    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

    • Tags:
    • accessibility
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Code Sample

    <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();
     
    });

    Forum Posts

    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