hughbdalton
Joined: 22 Jun 2007
Posts: 1
|
 Posted: Fri Jun 22, 2007 6:34 pm Post subject: Tabbed Navigation |
 |
|
I work for a California State University and need to adopt new ATI accessibility standards to my website. These standards include tabbed navigation: using the tab key to access links. I've tried to use this method with COOLjsMenu and have mixed results.
I can tab to my top level link (link 1). The next tab opens the pull down menu for link 1, revealing the sublinks: link 1a, link 1b, link 1c. So far, so good.
However, the next tab jumps to top level link 2. It skips by the sublinks under link 1.
Here is a bit of my code:
| Code: |
var MENU_ITEMS = [
{pos:'relative', itemoff:[0,200], leveloff:[0,0], style:STYLE, size:[18,150]},
{code:'<a href="#Link1">Link1</a>',
sub:[
{itemoff:[20,00], leveloff:[20,0]},
{code:'<a href="#Link1a">Link1a</a>'},
{code:'<a href="#Link1b">Link1b</a>'},
{code:'<a href="#Link1c">Link1c</a>'},
]
},
{code:'<a href="#Link2">Link2',
sub:[
{itemoff:[20,0], leveloff:[20,0]},
{code:'<a href="#Link2a">Link2a</a>'},
{code:'<a href="#Link2b">Link2b</a>'},
{code:'<a href="#Link2c">Link2c</a>'},
{code:'<a href="#Link2d">Link2d</a>'},
]
},
|
I need to tab from Link 1 to the sublinks Link1a, Link1b, Link1c, and then jump to the Link 2. Any guidance would be greatly appreciated. Thank you. |
|
FAQ
Search
Memberlist
Usergroups
Register
Profile
Log in to check your private messages
Log in
