How do I add keyboard accessibility to menus [solved]

[douglas1438]

Hi,
I'm using cssmenu.tpl but need to add keyboard access so when the tab key is pressed the drop down shows and you can tab down the list.

I've found this example but am unable to make it work with CMS Made Simple.

http://uablogs.missouri.edu/interface/2 ... ccessible/

Have spent sometime searching through the forum without success, suprised nobody has encountered this before.
Thanks,
Chris

[Dr.CSS]

Using their CSS you would change the .nav call to #primary-nav, same in the JS function call...

[douglas1438]

Back to this problem again, tried changing their code to call #primary-nav instead of .nav and also adding .nav as a class to my menu without success.

Any further advice would be very much appreciated.

Thanks,

Chris

[Dr.CSS]

Maybe all you need is to use the accessible_simple_navigation.tpl then add the access keys to the Options tab...

If you look at a default install home page you will see the number 1 in the Access Key: ...

Access Key:
Tab Index:

[douglas1438]

Managed to use top-menu.js in the end.

Link here:

https://code.google.com/p/keyboard-acce ... uery-menu/