Janet Russeau wrote:
>> <http://css-class.com/articles/ursidae/bears5popupv-kbaccess.htm>
> Alan,
>
> I tried this out in FF 2.0.0.8 and noticed that when I used the
> keyboard to activate the menu and moved to the sub-menus, only the
> currently selected menu item displayed... all of the preceeding menu
> components disappeared. Is this how it is supposed to work?
>
> Thanks,
> Janet Russeau
David Hucklesby wrote:
> This behaves oddly in IE 6 and 7, as well as in Opera this end.
>
> Without disabling scripting, IE Win displays just the one disembodied
> element when tabbing. The effect is quite unexpected.
>
> In Opera 9.24 I attempted to use the link "tab" keys ('a' and 'q') but,
> as you know, this only works to highlight the top level. The status bar
> indicates that sub-menus are being selected, and those links would
> likely work given real locations to link to. But after doing this, when
> using the mouse to open the sub-menus, the "active" sub-menu
> then opens and remains on the page, together with any of its sub
> menus.
>
> Cordially,
> David
Hi Janet and David
Yes indeed. Unfortunately in CSS, dynamic pseudo class selectors do not work
backwards and select ancestor elements, so what you are seeing is the normal
and expected behavior when using the keyboard. It is possible to achieve this
rendering with the aid of javascript.`I have seen an adaption of the Suckerfish
menu that is keyboard accessible with javascript and will show the relevant
submenus open when the currently selected menu item is in a :focus or :active
state.
<http://carroll.org.uk/sandbox/suckerfish/bones2.html>
When javascript is disable with this menu, it fails with the keyboard in any
version of IE but it also shows the behavior that my menus shows where only the
currently selected menu item is in a :focus or :active state is shown.
I believe that Opera may not support :active and :focus when used in this way
purposely because it somehow sends Opera buggy when used in conjunction with
:hover. The hover appears to taker over and the selected menu item is not seen
but it is still in the :focus or :active state. This behavior is turned off by
left clicking anywhere on the page outside the menu and then hovering back over
the menu again with the mouse. This is related to the reason that Opera also
has problems with this selector.
#navigation li a:focus+ul
A while back George Sorten stated on this list that Safari also has similar
problems with this selector. Only gecko based browsers as I know will honor
such a selector.
I do believe that for the menu that I have demonstrated, the gains in
accessibility outweighs the actual strange rendering. Sites can have warnings
about such strange menu behavior.
Kind Regards, Alan
<http://css-class.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
