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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts

    drop down menu's and screen readers

    i just found out that a friend of mine that uses JAWS screen reader, can not see the drop down part of my destination tab. she sees the tab with her screen reader. but no drop down. can someone help?

    http://www.cjwebconsulting.com/joeys/index.html

  • #2
    New Coder
    Join Date
    Feb 2008
    Posts
    64
    Thanks
    3
    Thanked 6 Times in 6 Posts
    Hi,

    It is not recommended to use "display: none;" to hide elements as this makes them unavailable to some screen readers.

    This issue is discussed in more depth here - http://css-tricks.com/places-its-tem...none-but-dont/

    Your drop down menu ( ul#css3menu0 ul ) is currently set to display:none in your main.css (line 28 )

  • #3
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Instead of hiding the menus you should move them off the left of the page where they are not visible to those who see the page but are still 'visible' to screen readers.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #4
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    dome90uk What should I change the none to?


  •  

    Posting Permissions

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