Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Accessible menu

  1. #1
    New to the CF scene
    Join Date
    Oct 2008
    Thanked 0 Times in 0 Posts

    Accessible menu


    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.



  • #2
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Thanked 603 Times in 583 Posts
    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.
    my site (updated 2014/10/20)
    BROWSER STATS [% share] (2014/9/03) IE7:0.1, IE8:4.3, IE11:9.2, IE9:2.7, IE10:2.6, FF:16.8, CH:47.5, SF:7.8, NON-MOUSE:37%


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts