Accessible Dropdown Menus wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | Accessible Dropdown Menus |
| Version | 0.4.1 |
| Author | Amy Hendrix, Graham Armfield |
| Rating | 100 |
| Last updated | 2013-06-28 04:33:00 |
| Downloads |
2335
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
Accessible Dropdown Menus plugin added 1 kB of resources to the Home page and 1 kB of resources to the sample Post page.
Accessible Dropdown Menus plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! Accessible Dropdown Menus plugin ads no tables to your Wordpress blog database.Purpose:
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!
How it Works:
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 (
In the absence of javascript the full submenu lists may not open but the individual sub-links can be tabbed to.
Credits:
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/
