Previous Message
Next Message

Grandchild of Suckerfish? - CSS-only keyboard accessibility

Sent by Matthew Carroll on 8 December 2004 06:06


I've also been working on keyboard-accessible suckerfish menus. I'd been
meaning to post my solution here, but Jamie beat me to it :-)

I go about it rather differently though, and using CSS the menus are
*still* keyboard accessible in a standards-compliant browser, even
without javascript. The behavior is a little odd, but it works. I worked
up the obligatory 'Perciformes' 2 level example here...

http://www.coinet.org.uk/bones2.html

The ideal solution as I see it would be parent selectors, i.e. something
like:

ul < li < a:focus { left:auto }

which would enable the focus to propogate up the menus and affect the
properties of parent elements, like :hover does, but that doesn't exist
in css (at least not yet... I read somewhere that it was discussed, but
didn't make it into the specs.)

Until then I think I've managed to make the suckerfish menus as
keyboard-accessible as possible in a simple way - just by tabbing
through the links, and I hope that's of help to people.

Best wishes,
Matthew


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: