Page 1 of 1

How do I add keyboard accessibility to menus [solved]

Posted: Thu Jul 04, 2013 4:43 pm
by 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

Re: How do I add keyboard accessibility to menus

Posted: Thu Jul 04, 2013 6:25 pm
by Dr.CSS
Using their CSS you would change the .nav call to #primary-nav, same in the JS function call...

Re: How do I add keyboard accessibility to menus

Posted: Wed Oct 16, 2013 5:00 pm
by 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

Re: How do I add keyboard accessibility to menus

Posted: Thu Oct 17, 2013 7:08 pm
by 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:

Re: How do I add keyboard accessibility to menus [solved]

Posted: Fri Nov 08, 2013 4:55 pm
by douglas1438
Managed to use top-menu.js in the end.

Link here:

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