New plugin: Accessible dropdown menus

A few weeks ago, I heard from The Ada Initiative that a conference attendee wasn’t able to use their conference planning site because the main menu wasn’t accessible via screen reader. Did I know of a plugin or technique that would help?

And I did find a solution, thanks to Graham Armfield, who I know from his work on improving the accessibility of WordPress core. But that plugin only worked for Twenty Ten, and it hadn’t been updated since the initial release. Still, it did exactly what we needed for the conference site, and it was an easy matter to update it for Twenty Twelve in time for the conference.

But that really isn’t enough. Fixing a problem for just one site is just a first step — in this case, it felt really important to get something out to a wider audience. So I approached Graham with an offer to collaborate on the plugin going forward, and he agreed.

The first plugin repo release is focused on updating the original code and adding support for more themes. It’s a no-configuration plugin: just install and activate it and you’re good to go. It works just as well for sighted users who navigate by keyboard only as it does for people using screen readers.

  • Tested with all default themes from Twenty Ten – Twenty Thirteen.
  • Tested with multiple themes based on Underscores.
  • Works with child themes, as long as the menu code hasn’t been changed too much. Since it’s the nature of child themes to change the parent, no guarantees on this one!

This is still far from all themes, and we’ll never get all the way there: because WordPress is designed to allow theme authors a lot of flexibility in how menus are built, there will always be a site that builds its navigation in a way we’ll never be able to anticipate. But it’s a big improvement, and I’d love to see it widely used.

You can grab Accessible Dropdown Menus at the Plugin repository.  And let me know what themes you’re using it with (or just hoping to use it with) — we’d love to be able to support more themes in future updates!

4 thoughts on “New plugin: Accessible dropdown menus

  1. That’s amazing. I’ll definitely point this one out to my company, since we do a lot of federal government work.

  2. Hi thanks a lot for this plugin…Am a person with visual impairment and use wordpress a lot, it looks like this plugin doesn’t work on woo themes canvas theme…Is it the theme problem or the plugin that needs fixing…I am building a website to help disability community here in India and using canvas theme from woothemes..It would be great if you can let me know how to make this plugin work with canvas.

    • Hi Raghava,

      First, thanks for trying out the plugin! I’m sorry to hear that it doesn’t work on Canvas, but that’s due to the way the menus in the theme are coded. Unfortunately, since the theme code isn’t freely available, I can’t just look at the code and tell you what you’d need to change — is the site online so I could take a look at it? I’d love to do what I can to help.

Comments are closed.