Accessible Dropdown Menus WordPress Plugin
Makes dropdown menus in many WordPress themes keyboard accessible. ) is given the necessary class. This enables the new CSS definition
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 (
a11y
accessibility
dropdown menus
keyboard navigation
menus
navigation
Sites running Accessible Dropdown Menus, click to open one
Plugins with a similar footprint
Ranked by how many sites run them — a quick way to compare alternatives.
Usage of Accessible Dropdown Menus over time
June 2023 — July 2024Between June 2023 and July 2024 the number of sites running this plugin went from 52 to 33 — down 19 (-36.5%).
| Month | Sites | Change |
|---|---|---|
| July 2024 | 33 | -4 |
| June 2024 | 37 | +0 |
| May 2024 | 37 | +0 |
| April 2024 | 37 | -2 |
| March 2024 | 39 | -1 |
| February 2024 | 40 | +0 |
| January 2024 | 40 | -7 |
| December 2023 | 47 | -1 |
| November 2023 | 48 | +0 |
| October 2023 | 48 | -1 |
| September 2023 | 49 | -2 |
| August 2023 | 51 | -1 |
| July 2023 | 52 | +0 |
| June 2023 | 52 | — |
Themes used with Accessible Dropdown Menus
Detected most often on sites that run this plugin.
| # | Theme |
|---|---|
| 1 | Divi |
| 2 | Avada |
| 3 | Twentyeleven |
| 4 | Divi-child |
| 5 | Twentytwelve |
| 6 | Responsive |
| 7 | Headway |
| 8 | Womengr |
| 9 | Newsstand |
| 10 | Innova |
| 11 | Iribbon |
| 12 | Baby |
| 13 | Raindrops |
| 14 | Academy |
| 15 | Wplms |
| 16 | Core |
| 17 | Velvetsky |
| 18 | Mantra |
| 19 | Ping |
| 20 | Scroller |
Sites running Accessible Dropdown Menus
All sites in the collection33 examples from the collection. Open any site to see the theme and plugins we found on it.
