SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Accessible Drop-down menus

    Hi again,

    I understand that simple CSS drop-down menus are not accessible, in that they they only function if you use a mouse.

    Does anyone know of a simple, accessible, drop-down menu that even a newbie like myself could use in a site please?

    Thanks

    13adger

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by 13adger View Post
    I understand that simple CSS drop-down menus are not accessible, in that they they only function if you use a mouse.
    No dropdown menus are totally accessible—even those that use JS—but a good menu (even CSS-based) can be accessed via the keyboard alone. Check out this, for example:

    http://www.cutcodedown.com/codeExamp.../template.html (and a related thread here: http://www.sitepoint.com/forums/css-...ng-767633.html).

  3. #3
    SitePoint Member
    Join Date
    Aug 2011
    Location
    Vermont, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use Dreamweaver. It is easy for a newbie. Check this link http://webdesign.about.com/od/dreamw...op-Down-Menus/

  4. #4
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,411
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by kclark View Post
    You can use Dreamweaver. It is easy for a newbie. Check this link http://webdesign.about.com/od/dreamw...op-Down-Menus/
    That link is for a drop-down menu option in a form; I'm pretty sure 13adger is asking about drop-down navigation menus.

    Also, the point of the question is accessibility, and as far as I know, Dreamweaver doesn't score too highly there - although I may be wrong.

  5. #5
    SitePoint Member Josef81's Avatar
    Join Date
    Nov 2011
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use Web menu Professional software to create your own and paste the code in you page. Navigation menu gives your web page a professional look and attract visitors.

  6. #6
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, yes I was talking about Navigation menus. But they have to work for people who are not able to use a mouse.

    I haven't found one yet, so have come up with a different design which avoids the need for drop-downs. But thank you all for your help.

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by 13adger View Post
    they have to work for people who are not able to use a mouse ... have come up with a different design which avoids the need for drop-downs.
    I think it's better to avoid dropdowns anyhow, but for the record, that link I posted above is to a dropdown navigation that is keyboard accessible (that is, usable without a mouse).

  8. #8
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks so much Ralph. I've saved your code for next time, but since the site is all about Accessibility, I've decided this one in particular needs to show 'best practice'.

    Will play with your menu when I have a mo, and look forward to seeing how it works!


Bookmarks

Posting Permissions

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