WordPress Nav Menu Access Keys

The WordPress Nav Menu Access Keys Plugin allows you to add access keys to your WordPress Navigation Menus to increase the accessibility of your website. It only works for WP versions 3.0 and higher.

Use:

Use of this plugin is simple. On the Admin panel when you add a new menu item to the wordpress 3.0 menus, there is a new option along with the title and the url for the item. In this box, add a single-character-long access key to make it much easier for your users to browse your website.

Unfortunately, the plugin requires JavaScript in the administration panel. There is no way around this because of the way WordPress is programmed; however, your users do not need JavaScript enabled.

Download:

Download Latest WordPress Access Keys

Installation:

Use the one-click installer! WordPress One-Click plugin install.

Or

  1. Download the zip file, unzip it and upload to your wp-content/plugins folder
  2. Upload to your plugin directory.
  3. Activate.
  4. Add access keys to menu items under the Appearance > menu panel.

The plugin is hosted in the WordPress Extend database so you can also manually install from your wordpress admin panel

  1. Go to “Add New” under Plugins
  2. Search for “Access Keys”
  3. Click install now, confirm and follow any other instructions you are given.

Uses of access keys

While for the most part access keys are used for allowing users who can’t use mice to browse a website easily, they can make your website easier for others also by allowing them quickly to access favorite pages.

One example of a use is on a daily comic website to add a “previous” and “next post” menu that allows the user to browser through the archive without clicking the mouse.

How do I use Access Keys

Different browsers implement Access Key shortcuts differently. The following is a list of browser access key key combinations.

  • On Windows and Linux. Firefox 2.0+: Hold down the Alt Key and the Shift key, and press the access key.
  • On Windows. Internet Explorer 5+: Hold down the Alt key, and press the number or letter of the access key. Release both keys and press Enter.
  • On Windows. Internet Explorer 4, Firefox 1.0, Mozilla and Netscape 7+: Hold down the Alt key and press the number or letter of the access key.
  • On Mac OS X. Firefox, Mozilla, Netscape 7+, Internet Explorer 5+, Safari and Omniweb: Hold down the Ctrl key and press the number or letter of the access key.
  • Konqueror: Press and release the Ctrl key, then press the number or letter of the access key.
  • On the Mac Internet Explorer 4.5 and on all platforms Netscape version 6 and earlier: Access keys are unsupported.

Need a custom plugin?

Get in contact with me with this quick and easy form.

19 Responses to WordPress Nav Menu Access Keys

  1. Sanjay says:

    Hi,

    As I have seen the code, it is not getting the ‘MENU NAME’ in Line 123 [$menu = wp_get_nav_menu_object($args->menu) ]

    Follow the following steps to FIX the issue,

    1. Go to plugin directory (wp-content/plugins/wordpress-nav-menus-access-keys) & open ‘nav_menu_access_keys.php’ file in a editor.

    2. Search ‘function access_keys_walker_nav_menu_start_el’ (should be at Line no 121) – 2nd line of function definition you will find the following code,

    $menu = wp_get_nav_menu_object($args->menu);

    Comment or replace the code with following,

    $sanjay_menu_locations = (array) get_nav_menu_locations(); $theme_location = $args->theme_location; $sanjay_menu = get_term_by( ‘id’, (int) $sanjay_menu_locations[ $theme_location ], ‘nav_menu’, ARRAY_A ); $sanjay_menu[ 'name' ];

    $menu = wp_get_nav_menu_object($sanjay_menu[ 'name' ]);

    1. :) You have fixed the issue!!!
    • Sanjay says:

      Ohh I have missed some code, use this,

      $sanjay_menu_locations = (array) get_nav_menu_locations(); $theme_location = $args->theme_location; $sanjay_menu = get_term_by( ‘id’, (int) $sanjay_menu_locations[ $theme_location ], ‘nav_menu’, ARRAY_A ); $sanjay_menu[ 'name' ];

      $menu = wp_get_nav_menu_object($sanjay_menu[ 'name' ]);

  2. Duncan says:

    I am having the same problem as Patrik. The menu is definitely saved (changes to the title work) but changing the accesskey field doesn’t alter the html at all. I am using WP 3.3

  3. Many thanks for the SEO tips! I am possessing a issue, praying someone here could answer it. Look, I tried ‘on web page seo’ on my weblog, as well as acquiring back links. However I am still not acquiring any noticeable outcomes!

  4. I may propose to use plugins which add great meta tag description to your obtain computer code. Systems prefer googlebot don’t necessity any tags for trading programs to spider your site adequately.

  5. Great plugin. If acceskeys are not added to the HTML you could consider using a custom walker that adds the acceskey attribute. See http://pastebin.com/83gmAFJB for an example. Don’t forget to uncomment add_filter('walker_nav_menu_start_el','access_keys_walker_nav_menu_start_el',10,4); in nav_menu_access_keys.php when using this custom walker.

    With a custom walker you can also choose where to put the accesskey attribute, instead of putting it first.

  6. Soliloquy says:

    I just installed the plugin, but it isn’t adding the accesskeys to the HTML. I checked to make sure the data is being saved in the admin panel (it is), and I’m not using any cache plugins. I’m using the CityGuide theme.

  7. I’ve got the same issue as others: access key text box in admin for menus, but not showing up in the generated HTML. Did anyone get an answer to this? Currently have the 1.1 version installed in WordPress 3.0.1

  8. Rachel says:

    Hi Aaron, I am experiencing the same problem in WP 3.0.1. Acces Key boxes are in the menu admin, but not in the generated code of the website. Your advice regarding this would be greatly appreciated. Thanking you in advance.

  9. Renato Ceccon says:

    Dear Aaron Harun

    I activated your plugin, which I find very useful for the accessibility of pages, but do not see the control panel in the Appearance of admin menu panel. JVM is updated and enabled. I tried with different browsers: IE 8, Chrome, Firefox but without result …. Use Wp3.01 it theme:twente ten in locally (off line). Could you please help me

  10. Zygotti says:

    Hi Aaron, as Patrik says this is potentially a very useful plugin. Sadly I have exactly the same problem as him in WP 3.0.1 and yes I’ve saved the menu and have no cache. Help please? Thanks in advance.

  11. jzhn says:

    One again, your plugin is very good. Thank you very much!

  12. Patrik says:

    Hello, thanks for doing this plugin, great news. Unfortunately I can’t make it work on WP 3.0. I see the Acces Key boxes in menu admin, but they are not in the generated code of the website. Any ideas?

    • admin says:

      Just to clear the obvious possible issues, did you save the menu after adding the access keys and disable any cache plugins that might be running?

Leave a Reply

Standard Rules Apply: Use <code> tags for code snippets. Keep it relevant. Other than that, be your awesome self.

*(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Social Social
Hide