Re-create Css Drop-down Menu 14.09.08
This project is for the redevelopment of an existing CSS drop-down menu to a more accessible CSS drop down menu using the ’superfish dropdown menu’ technique.
The original menu can be found on this Web site: http://www.adapacific.org/
This menu was created with the ’suckerfish’ menu technique:
http://www.htmldog.com/articles/suckerfish/dropdowns/
We find that this menu is not accessible to keyboard-only users. When tabbing through this menu with a keyboard, the sub items in the menu do not drop-down.
The redesigned menu should allow the sub menu items to drop-down and highlight when being tabbed through. This drop-down menu should be identical in appearance to the current drop-down menu. We prefer this menu to be developed using the ’superfish menu’ technique: http://users.tpg.com.au/j_birch/plugins/superfish/
Specifically the menu should use the Superfish with ’super subs’ option as shown on this page: http://users.tpg.com.au/j_birch/plugins/superfish/#sample5 (use the ‘tab-key’ functionality so see the drop-down functionality we are looking for.)
The drop-down menu code should remain essentially the same as it is an appropriately coded unordered list with sub lists. This means that you will not need to code the navigation list code, but rather you will probably need to add classes in the style sheet and some in-line code so the menu functions appropriately.
The end product should be a CSS-styled, standards-based HTML written navigation menu that looks exactly the same as the current menu.
If you have developed navigation menus with this type of functionality please send in links to your work.
Thanks and talk to you on the PMB
