View Full Version : Accessible menu

10-03-2008, 09:09 PM

I'm fairly new to javascript and have been asked to produce a sliding menu. The main buttons are on a list down the right hand side of the page (I know, not my choice) and the sub menu's slide in to the left of this.

Using a little Jquery I have managed to get the sliding part but I really wanted to know if there is a better way of doing this and also if a user has JS turned of will this make the menu useless. If so is there a way of getting round this?

Any help would be appreciated.



rnd me
10-03-2008, 10:48 PM
design a menu without javascript that accomplishes eveything you need to do.
you can use <a> tags to create actions, and UL/LI hierarchical layouts.

using just css you can even make a working collaspasble menu, but it won't work in IE6, so stick to a fully-visible, probably too tall menu.

once you have this simple, accessible (<a>s get tab focus) menu, you then use javascript to dress up, or perhaps outright replace the menu.

you can make use of attribs like class, title, and id to assist jquery in navigating around the menu.