Quick tip: Handling the sub menus in the WordPress 3.3 admin area with a screen reader

This is a quick tip to show how to use the new sub menus in the admin area of WordPress 3.3 with a screen reader. For this, I’m using NVDA 2011.3RC, and Firefox 9.

The new sub menus are a way to more quickly access items in the sub menus of “Dashboard”, “Posts” etc. without having to reload the page with the menus opened. Instead, the menus are opened and closed dynamically by either hovering the mouse over the item that is, by NVDA, announced as “sub menu link”, or by executing a press of the enter key on such an item.

The problem arises from the fact that screen readers on Windows capture the enter key and many others and execute functions based on their functionality inside the virtual documents/browse mode documents. For example pressing enter on a link usually clicks the link.

In this case, a click on a link is not what we want, since that would indeed reload the page. The menu would still be opened, but we’d lose all advantages of the more dynamic, time-saving approach that is made possible in 3.3.

Instead, what we do is the following:

  1. Position NVDA’s virtual cursor on the desired sub menu item.
  2. Press NVDA-key+F2 to invoke the function to pass the next key press straight through to the application.
  3. Press enter.
  4. Navigate down with the virtual cursor to find a newly expanded sub menu with links we can click.

Your preferred screen reader offers the same functionality, no doubt. Be aware, however, that some screen readers do not set focus to focusable items under the virtual cursor automatically, so an additional key press before step 2 may be needed to route the system focus or PC cursor to the item the virtual PC cursor is pointing to.

This way, we can easily access the dynamic menus. It requires an extra keystroke, yes, but this is still quicker than having to wait for a page load and looking for the new items starting from the top of the virtual document.

Happy blogging!

This entry was posted in Accessibility, NVDA, WordPress and tagged , , , . Bookmark the permalink.
Skip to top

Comments

6 Responses to Quick tip: Handling the sub menus in the WordPress 3.3 admin area with a screen reader

  1. Jonathan says:

    I have always wondered what the ‘press key to pass through’ function did for pertaining to JAWS and NVDA. I always thought one would have to simulate a right-click on the item but this seems much more easy. That sounds like an improvement no doubt but they really messed up when they put all that junk after the current WordPress version at the bottom.

  2. Hi. Have you idea how can I do that with an other screen reader such Jaws. Anyway I’ll try to do it using NVDA…
    I’m glad to see an answer so quickly for this ishue. Thank you very much.

  3. Marco says:

    Adrian, the JAWS help should provide you with the answer to that question. I don’t know the keystrokes off the top of my head, would have to look them up myself, too, so you may as well read up on this at your convenience. ;-)

  4. Jonathan says:

    JAWS_key+3 followed by the key to pass through. I do not know if it works for WordPress but it works.

  5. With JAWS, there’s no need to pass key through. Just press Ctrl+JawsKey+Enter which is onMouseOver emulation and you’re done).

  6. Jackie says:

    Marco:

    The OZH Admin Dropdown plugin is a very good solution to the 3.3.x admin WordPress menu, as it exposes everything immediately, saving lots of keystrokes/clicks.

Leave a Reply

Your email address will not be published. Required fields are marked *

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>