Graham Armfield

Amy Hendrix (sabreuse)

<h4>Purpose:</h4>
Many sites have dropdown menus where the expanding of the links can only be triggered by a mouse hover. This means that for keyboard only users parts of the site are harder or sometimes impossible to reach.
This plugin makes these dropdown menus keyboard accessible. When tabbing through the primary navigation the sub level menus will become visible and users will be able to tab to the lower level links.
The current version has been tested by both sighted keyboard-only users and screen reader users. If it doesn’t work for your reader, please let us know!
<h4>How it Works:</h4>
The plugin uses a combination of CSS and javascript to enable the dropdown menus to be keyboard controlled.
Using the script, whenever a link in the menu gets focus its containing list item (
<li>) is given the necessary class. This enables the new CSS definitions to open any hidden submenus and bring those links into the tabbing order.</li>
In the absence of javascript the full submenu lists may not open but the individual sub-links can be tabbed to.
<h4>Credits:</h4>
Current version built and maintained by Amy Hendrix.
The original version of this plugin was built by Graham Armfield. It is still available at http://www.coolfields.co.uk/2011/12/wordpress-keyboard-accessible-dropdown-menus-plugin-version-0-1/
The mechanism used in this plugin is based on the same logic used in Blake Haswell’s excellent example of a multi-level accessible dropdown menu. You can find it at: http://blakehaswell.com/lab/dropdown/deux/

Accessible Dropdown Menus

Makes dropdown menus in many WordPress themes keyboard accessible.

Rian Rietveld

Since Genesis version 2.0 SuperFish has been deprecated for HTML5 installs. 
This plugin adds the missing keyboard accessibility for the dropdown menu’s again.
This is a modified version of the Keyboard Accessible Dropdown Menus Plugin by Amy Hendrix and Graham Armfield 
Original code at http://github.com/sabreuse/accessible-menus and https://wordpress.org/plugins/accessible-dropdown-menus/
Modified: – included separate stylesheet in stead of inline style 
 – changed javascript and CSS to fit Genesis 2.0 class-references
The JavaScript adds the class wpacc-hover to the li.menu-item of a link on hover or focus 
The CSS wpacc-hover changes the ul.submenu from 
 left: -9999px; 
 opacity: 0; 
into 
 left: auto; 
 opacity: 1;
Tested with the Genesis Framework version 2.0.1
This plugin only works on the Genesis Framework version 2.0 and higher.

Genesis Accessible Dropdown Menu

Adds keyboard accessibility to the Genesis menu's (Genesis version 2.0 and higher)

Accessible Dropdown Menus vs Genesis Accessible Dropdown Menu