Previous Message
Next Message

Grandchild of Suckerfish? - CSS-only keyboard accessibility

Sent by Jono on 8 December 2004 21:09


On Dec 8, 2004, at 3:53 PM, Charlie Barr wrote:

> Hey, that's pretty cool!  One nitpicky point that I got from a client 
> once when making similar dropdowns -- you might want to make the 
> second level of links staggered downward a bit, or give it a different 
> style of some kind.  When I first tabbed through to the second level 
> of Remora, I thought that *both* the Percoidei and Anabantoidei menus 
> were open!
>
> Charlie
>
> Matthew Carroll has created a disturbance in the Force.
> I felt its presence on 12/8/2004 1:09 AM.
> Its substance was as follows:
>
>> 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
> ______________________________________________________________________

This site does nothing when I press tab.  I am using Firefox 1.0 and 
Safari a Mac OS 10.3.6.
http://www.coinet.org.uk/bones2.html

______________________________________________________________________
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: