WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: accessibility of this drop down menu

for

From: Claudia.Case@wellsfargo.com
Date: May 5, 2010 6:21PM

Angela,
Have you checked the design patterns in the WAI-ARIA Authoring Practices 1.0? I think the Menu widget might be what you are looking for. Here's a link to the Menu widget design pattern: http://www.w3.org/TR/wai-aria-practices/#menu

In the Menu widget design pattern, you'll find a description of the pattern, guidelines for keyboard interaction guidelines, guidelines for roles, states and properties, as well as a working code example, if one is available. If you play around with the working code example, you'll get an idea of whether this pattern fits your needs.

You might find additional examples in codetalks.org's ARIA Test Cases, which are based on the WAI-ARIA design patterns: http://wiki.codetalks.org/wiki/index.php/Set_of_ARIA_Test_Cases

Hope this helps.

claudia


-----Original Message-----
From: Angela French [mailto: <EMAIL REMOVED> ]
Sent: Tuesday, May 04, 2010 5:03 PM
To: 'UW Web Accessibility Group'; 'WebAIM Discussion List'
Subject: [WebAIM] accessibility of this drop down menu

Can anyone please tell me if this type of menu is accessible to screen readers and non-mouse users?
http://www.sitepoint.com/examples/megadropdowns/completed.html#


When I tab through the navigation links, I can't get to the submenus.

I am building a similar menu and concerns about it being usable for everyone (even those with Javascript turned off).

Thank you,

Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
http://www.checkoutacollege.com<;http://www.checkoutacollege.com/>;