i'm in process of improving accessibility in site. want allow tab navigation as possible got stuck problem related drop down menus. dropdown open when <li> in :hover state, added css open when on :focus state open tab navigation. problem is, once dropdown opened, next tab close it.. (since goes link inside <li>, , <li> loses focus).
any advice?
here little fiddle play with, it's found on google , tweaked demonstrate problem. try press tab until drop down opened, , see in next tab closed.
use tabindex attribute this. in example shared, since parent menu elements have tabindex set 0, tab through of them. set similar tabindex attributes (tabindex="1, 2, 3...and on") sub-menu items , follow suit.
Comments
Post a Comment