How to make a CSS menu 'JAWS' friendly

[Seminara]

Hi all

I have created a CSS menu as I thought all it's sub links (unlike a javascript menu) could be read in JAWS Screen Reader:

http://www.ideasdrama.org/test/test2.html

However when I run it through, all that seems to be read out are the top 4 parent links. Is there code I need to add for the child links to be recognised?

Thanks
Steiner

 

[Foamcow]

Since it's a dropdown, the links aren't visible until you mouseover them, would JAWS work the same way?
i.e. Would you need to activate the link to make JAWS read it?

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[Seminara]

I honestly don't know - I've only just installed JAWS yesterday in order to 'hear' how my web pages work. If that is the case, it's less than desireable as a user may not want to activate a link for fear of navigating from the page they're on (before they've heard what else exists on the page).

I'll try to ask around - hopefully I'll be able to find an actual user online.

 

[Foamcow]

I"ve tested pages in JAWS in the past and don't recall having this problem. Then again, I can't recall what I was testing and whether or not it had sub menus in the navigation.

<honk>*:O)</honk>
Foamcow Heavy Industries - Web site design in Cheltenham and Gloucester
Ham and Jam - British & Commonwealth forces mod for Half Life 2

 

[Seminara]

Hi Foamcow, I found the answer here thanks:

--
I don't have any experience with JAWS, but are you by any chance using display: none;/block; to hide/show the sub-menu? If so, I would take them off and see how JAWS treats them, then, if they were the problem, use position: absolute; instead, like -

http://www.htmldog.com/articles/suckerfish/dropdowns/

--