Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Accessible menu

    Hi,

    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.

    Cheers

    Tim

  • #2
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Location
    Urbana
    Posts
    4,302
    Thanks
    10
    Thanked 586 Times in 567 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 13/9/26)
    BROWSER STATS [% share] (2014/5/28) IE7:0.1, IE8:5.3, IE11:8.4, IE9:3.2, IE10:3.2, FF:18.2, CH:46, SF:7.9, NON-MOUSE:32%


  •  

    Posting Permissions

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