<commit_before>=======
# AriaMenu #

This page applies techniques described in <NAME>'s article [Better For Accessibility, and
      specifically uses code from his Option 6 example.](http://simplyaccessible.com/examples/css-menu/option-6/)

Using off-left positioning for hiding menus with support for showing menus on <code>:focus</code> and
  <code>:hover</code>. Includes proper <code>:focus</code> states for links. Uses jQuery to display menus on <code>:focus</code>.
  Also uses ARIA properties for menus.

## Demo ##

Try the gh-pages branch **[live demo](http://jantimon.github.io/ariaMenu/)**.

## Features ##

 + **Arrow keys** moves a virtual cursor which sets focus to
    + a sibling of the current menu item
    + a direct parent list element
    + the first list element of a sub menu
 + **Escape**  closes any focused menus.
 + **Tabbing** allows cycling through every menu item.

## Size ##

 + Size (minifed & gziped)
    **1.0** KB
 + Size (minfied)
    **2.3** KB
 + Size (original with comments)
    **8.99** Kb

## Documentation ##

**[docs (explainJS)](http://jantimon.github.io/ariaMenu/docs/explain.html)**.

## Links ##

  + Responsive menus
    + [responsive-nav-patterns](http://bradfrostweb.com/blog/web/responsive-nav-patterns/)
    + [popular-web-design-trends-for-responsive-navigation](http://blog.teamtreehouse.com/popular-web-design-trends-for-responsive-navigation)

  + Accessible menus
    + [washington.edu simply accessible](http://staff.washington.edu/tft/tests/menus/simplyaccessible/index.html)
    + [Better for Accessibility](http://simplyaccessible.com/article/better-for-accessibility/)

  + Closure compiler
    + [Preventing property renaming](http://closuretools.blogspot.de/2011/01/property-by-any-other-name-part-1.html)
    + [Prevent jsLint warning](http://stackoverflow.com/questions/13192466/jshint-surpress-variable-is-better-written-in-dot-notation)

  + Boilerplate code
    + [RequireJS jQuery plugin](http://stackoverflow.com/questions/10918063/how-to-make-a-jquery-plugin-loadable-with-requirejs#answer-11890239)
    + [jQuery plugin](https://github.com/jquery-boilerplate/jquery-boilerplate/blob/master/src/jquery.boilerplate.js)<commit_msg>Add travis build info<commit_after>=======
# AriaMenu #

This page applies techniques described in <NAME>'s article [Better For Accessibility, and
      specifically uses code from his Option 6 example.](http://simplyaccessible.com/examples/css-menu/option-6/)

Using off-left positioning for hiding menus with support for showing menus on <code>:focus</code> and
  <code>:hover</code>. Includes proper <code>:focus</code> states for links. Uses jQuery to display menus on <code>:focus</code>.
  Also uses ARIA properties for menus.

## Demo ##

Try the gh-pages branch **[live demo](http://jantimon.github.io/ariaMenu/)**.

## Features ##

 + **Arrow keys** moves a virtual cursor which sets focus to
    + a sibling of the current menu item
    + a direct parent list element
    + the first list element of a sub menu
 + **Escape**  closes any focused menus.
 + **Tabbing** allows cycling through every menu item.

## Size ##

 + Size (minifed & gziped)
    **1.0** KB
 + Size (minfied)
    **2.3** KB
 + Size (original with comments)
    **8.99** Kb

## Documentation ##

**[docs (explainJS)](http://jantimon.github.io/ariaMenu/docs/explain.html)**.

## Tests ##

[![Travis Build](https://api.travis-ci.org/jantimon/ariaMenu.png)](https://travis-ci.org/jantimon/ariaMenu)

## Links ##

  + Responsive menus
    + [responsive-nav-patterns](http://bradfrostweb.com/blog/web/responsive-nav-patterns/)
    + [popular-web-design-trends-for-responsive-navigation](http://blog.teamtreehouse.com/popular-web-design-trends-for-responsive-navigation)

  + Accessible menus
    + [washington.edu simply accessible](http://staff.washington.edu/tft/tests/menus/simplyaccessible/index.html)
    + [Better for Accessibility](http://simplyaccessible.com/article/better-for-accessibility/)

  + Closure compiler
    + [Preventing property renaming](http://closuretools.blogspot.de/2011/01/property-by-any-other-name-part-1.html)
    + [Prevent jsLint warning](http://stackoverflow.com/questions/13192466/jshint-surpress-variable-is-better-written-in-dot-notation)

  + Boilerplate code
    + [RequireJS jQuery plugin](http://stackoverflow.com/questions/10918063/how-to-make-a-jquery-plugin-loadable-with-requirejs#answer-11890239)
    + [jQuery plugin](https://github.com/jquery-boilerplate/jquery-boilerplate/blob/master/src/jquery.boilerplate.js)

{'fraction_non_alphanumeric': 0.14644351464435146, 'fraction_numerical': 0.01761726491962123, 'mean_word_length': 4.173120728929385, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3327568', 'n_tokens_mistral': 1556, 'n_tokens_neox': 1414, 'n_words': 311}