Re: [css-d] semantic accessible animated drop up menu

[David Laakso]

Chris Blake wrote:
> On 03/05/2010, at 10:27 PM, David Laakso wrote:
>
>   
>> Ido dekkers wrote:
>> 
>>> hello
>>>
>>> does anyone know about a drop down/up menu with JS animation that  
>>> is also
>>> accessible and semantic?
>>>
>>> thanks
>>>
>>>   
>> 
>
>
> I've used this before. Small and easy: 
> http://www.leigeber.com/2008/11/drop-down-menu/
>   


Does not work from the keyboard. No drop-downs when js disabled. 

~d 


-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@lists.css-discuss.org]
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/

Re: [css-d] semantic accessible animated drop up menu

[Al Sparber]

From: "Chris Blake" 
> I've used this before. Small and easy: 
> http://www.leigeber.com/2008/11/drop-down-menu/

When using the tab key, tabbing goes through all "hidden" sub-menus, which is 
not good. IOW, to tab from the first root item to the 
second root item, one must tab through multiple items that are hidden, and for 
which there is no focus outline, and so the menu's 
accessibility and usability are greatly diminished.

Additionally, the timers are too quick so it is very easy to lose your desired 
menu when moving a mouse or pointing device on the 
diagonal - which is the natural path.

And one thing to keep in mind for any multilevel menu is that the root items 
should always be real links.

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel

 

__
css-discuss [cs...@lists.css-discuss.org]
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/

Re: [css-d] semantic accessible animated drop up menu

[Chris Blake]

On 03/05/2010, at 10:27 PM, David Laakso wrote:

> Ido dekkers wrote:
>> hello
>>
>> does anyone know about a drop down/up menu with JS animation that  
>> is also
>> accessible and semantic?
>>
>> thanks
>>
>
>
>
> 
> ~d
>


I've used this before. Small and easy: 
http://www.leigeber.com/2008/11/drop-down-menu/
__
css-discuss [cs...@lists.css-discuss.org]
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/

Re: [css-d] semantic accessible animated drop up menu

[David Laakso]

Ido dekkers wrote:
> hello
>
> does anyone know about a drop down/up menu with JS animation that is also
> accessible and semantic?
>
> thanks
>   




~d


-- 
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/

__
css-discuss [cs...@lists.css-discuss.org]
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/

Re: [css-d] semantic accessible animated drop up menu

[Al Sparber]

From: "Ido dekkers" 
> does anyone know about a drop down/up menu with JS animation that is also
> accessible and semantic?
> i have this :
> http://test2.dekkers.net/test.html
>
> which is semantic and accessible, but each drop-down script add to it makes
> it not accessible.
> i don't care which JS library to use, as long as it works.

Menu accessibility is often misunderstood. Simply making it so that it works 
when script disabled does not make it accessible. If 
you follow the practices listed in this article, any list-based menu can be 
accessible if you make it so:

http://www.projectseven.com/products/menusystems/pmm2/ug-examples/accessible/index.htm

-- 
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel

 

__
css-discuss [cs...@lists.css-discuss.org]
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/

[css-d] semantic accessible animated drop up menu

[Ido dekkers]

hello

does anyone know about a drop down/up menu with JS animation that is also
accessible and semantic?
i have this :
http://test2.dekkers.net/test.html

which is semantic and accessible, but each drop-down script add to it makes
it not accessible.
i don't care which JS library to use, as long as it works.

thanks
__
css-discuss [cs...@lists.css-discuss.org]
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/