@RIK Yes I read that article but had the same problem as my menu. What I like is that the menu expand on TAB focus. Thus when I tab to the menu the submenus have to expand the same way you go with the mouse over it. Maybe this is not importent if you can use the mouse or are visual impairment (they can navigate to the menu) but if you are mobile impairment you use the tab and want to see the menu.
@RYAN - Why does every <a> element in your menu source code have tabindex="10"? The focus stays on the menu and don't have to deal with other tab indices. I start at 10 because beneath this there are some (standard) tab index numbers. Every other tab index can by above 10. - What do you mean by "In javascript onfocus and onblur works only in firefox". Do you mean applying the behaviour via the DOM doesn't work in IE (using your code), or that IE is not recognising the onfocus and onblur events? IE and Opera don't recognise javascript onfocus and onblur by tabbing. - In terms of your approach to making a horizontal nested menu accessible, what are the perceived benefits for users with disabilities using a nested menu system like this? Would someone using a mouth stick or a screen reader appreciate having all the nested links available either way, styled or un-styled? Whilst the menu items are accessible, is it equally user friendly? For example, what if one of the above users went to page menu 2, then from that page wanted to go to link item menu 5. Would they have to go through every single link in the menu before getting to menu 5? Yes. I argy for a large menu this is not the best method. Maybe it's a better approach only give the main menu a tab index. @AL I read the article. It's nice but the menu had the same problem it does not expand. Update The submenu works in opera >>> [EMAIL PROTECTED] 22-09-2005 14:49:11 >>> From: "Colin Meerveld" <[EMAIL PROTECTED]> > I' am building an accessible horizontal menu. I have some problems > with tabbing the menu. I tested the menu in IE 6.0, Firefox 1.05 and > opera 8.0. IE and Opera doesn't support it at all and firefox only > with javascript. It does navigate to the menu but the menu doesn't > expand. It looks like CSS focus works different when you use the > tab. In > javascript onfocus and onblur works only in firefox. I like to have > some > feedback tested the menu with other browsers and perhaps some tips > and > tricks to solve this. In terms of accessibility and usability - being able to tab through all levels is sometimes not desirable. Sometimes it's best to think of these kinds of menus as nifty convenience tools for normal mouse surfers - but in the context of an overall accessible design > Other things I also have to solve are: > > Work in IE without Javascript Sometimes this is good - sometimes it's not necessary. > Submenu's (now only work in Firefox and IE but don't expand menu by > tabbing) > IE comment hack without <comment></comment> probable solved when IE > works without JS > > You can find the menu here: > http://www.sportfotografen.nl/accessibility/projects/semantic/menu.html Although this article relates to our menu system, you might find some valuable points: http://www.projectseven.com/tutorials/accessibility/pop_integrated/index.htm Hope it helps. Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
