WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Making minues Accessible

for

Number of posts in this thread: 5 (In chronological order)

From: McKeithan, Thomas
Date: Thu, Nov 17 2011 6:39AM
Subject: Making minues Accessible
No previous message | Next message →

Colleauges,

I'm trying to explain to a developer how to make the minues on this site accessible. Any thoughts?

www.mchec.org

Respectfully,
Thomas Lee McKeithan II
Accessibility Program Manager
National Industries for the Blind
1310 Braddock Place
Alexandria, VA 22314
(703)310-0586 Direct
(202)276-6437 Cell
= EMAIL ADDRESS REMOVED =


"Believing is achieving, for if I believe, I can and I will achieve."

From: Vincent Young
Date: Thu, Nov 17 2011 7:03AM
Subject: Re: Making minues Accessible
← Previous message | Next message →

http://www.udm4.com/

On Thu, Nov 17, 2011 at 5:39 AM, McKeithan, Thomas < = EMAIL ADDRESS REMOVED = >wrote:

> Colleauges,
>
> I'm trying to explain to a developer how to make the minues on this site
> accessible. Any thoughts?
>
> www.mchec.org
>
> Respectfully,
> Thomas Lee McKeithan II
> Accessibility Program Manager
> National Industries for the Blind
> 1310 Braddock Place
> Alexandria, VA 22314
> (703)310-0586 Direct
> (202)276-6437 Cell
> = EMAIL ADDRESS REMOVED =
>
>
> "Believing is achieving, for if I believe, I can and I will achieve."
>
>
>
>
>

From: McKeithan, Thomas
Date: Thu, Nov 17 2011 7:09AM
Subject: Re: Making minues Accessible
← Previous message | Next message →

Thanks. This is a tool to purchase. Is there some code that I can give her or strategy to change the Java script?

Respectfully,
Thomas Lee McKeithan II
Accessibility Program Manager
National Industries for the Blind
1310 Braddock Place
Alexandria, VA 22314
(703)310-0586 Direct
(202)276-6437 Cell
= EMAIL ADDRESS REMOVED =


"Believing is achieving, for if I believe, I can and I will achieve."




From: Vincent Young
Date: Thu, Nov 17 2011 7:39AM
Subject: Re: Making minues Accessible
← Previous message | Next message →

There's a couple different schools of thought in terms of keyboard
interactivity with a drop-down menu.
http://dev.aol.com/dhtml_style_guide#menu is a good place to start, but
IMHO applies more to application type menus. I would make sure each menu
item (which includes sub menu) is tab navigable and ensure there is a
visual keyboard focus indicator. When you hover over the sub menu items,
style changes. There is no style change on the primary sub items. Makes
sure there is and this happens on focus. That is, when you use :hover, use
:focus. For the JavaScript, start looking at how people are doing things
and make sure they are adhering to the DHTML style guide and possibly my
additional recommendation.

Places to start:

http://www.knowbility.com



On Thu, Nov 17, 2011 at 6:07 AM, McKeithan, Thomas < = EMAIL ADDRESS REMOVED = >wrote:

> Thanks. This is a tool to purchase. Is there some code that I can give her
> or strategy to change the Java script?
>
> Respectfully,
> Thomas Lee McKeithan II
> Accessibility Program Manager
> National Industries for the Blind
> 1310 Braddock Place
> Alexandria, VA 22314
> (703)310-0586 Direct
> (202)276-6437 Cell
> = EMAIL ADDRESS REMOVED =
>
>
> "Believing is achieving, for if I believe, I can and I will achieve."
>
>
>
>
>

From: Heidi Jungel
Date: Thu, Nov 17 2011 12:12PM
Subject: Re: Making minues Accessible
← Previous message | No next message

I second Vincent's comments.
I think the idea is to make sure you have onclick events (for javascript)
or click (for jQuery) as well as the mouseovers.
When the click event happens, set focus on the first item in the menu.
To exit the menu, you can do a couple of things:
1. The user can escape to close that menu
2. Or when the opened menu itself loses focus, then close that menu.

Here is one example that I can think of:
http://developer.yahoo.com/yui/examples/menu/menuwaiaria_source.html

It is using yui and WAI-ARIA, but may be useful and give you a place to
start.