• 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 UI (gallery-a11ychecker-ui) 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.1
    Free for use.

    Currently supports checking for the following:

    1. Unlabeled UI controls

    2. Buttons created using links e.g. <a href="#">button</> or <a href="javascript:"></a>) that lack an ARIA role of "button"

    3. Multiple links to the same URL within the same block of content

    4. All links on the page that have the same inner text (e.g. all "read more" links)

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

    Code Sample

    <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2011.09.28-20-29'
    }).use('gallery-a11ychecker-ui', function(Y) {
     
        // Show all unlabeled UI controls.
        // 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.showLabelErrors();
     
        // Show instances of buttons created using links (e.g. <a href="#">button</> or <a href="javascript:"></a>) that lack an ARIA role of "button"
        Y.a11ychecker.showLinkButtons();
     
        // Show instances where a given block of content contains multiple links, all of which point to the same URL.
        Y.a11ychecker.showDupeLinks();
     
        // Show all links on the page that have the same inner text (e.g. all "read more" links)
        Y.a11ychecker.showDupeLinkLabels();
     
    });

    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