W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2016

RE: accessible drop-down menus

From: Bryan Garaventa <bryan.garaventa@whatsock.com>
Date: Sat, 28 May 2016 21:46:35 -0700
To: "'David MacDonald'" <david100@sympatico.ca>, "'Roger Hudson'" <rhudson@usability.com.au>
Cc: "'WAI Interest Group'" <w3c-wai-ig@w3.org>
Message-ID: <001701d1b965$17b8af70$472a0e50$@whatsock.com>
That is strange, does jQuery not work in Safari?

 

E.G $(element).attr(‘tabindex’, 0);

 

This is all that the script is doing. Please review the code within the file “aria_menubar_module.js”.

 

Thanks,

Bryan

 

 

 

From: David MacDonald [mailto:david100@sympatico.ca] 
Sent: Saturday, May 28, 2016 6:45 PM
To: Roger Hudson <rhudson@usability.com.au>
Cc: Bryan Garaventa <bryan.garaventa@whatsock.com>; WAI Interest Group <w3c-wai-ig@w3.org>
Subject: Re: accessible drop-down menus

 

I can't get tab focus onto it in Safari




Cheers,
David MacDonald

 

CanAdapt Solutions Inc.

Tel:  613.235.4902

LinkedIn <http://www.linkedin.com/in/davidmacdonald100>  


twitter.com/davidmacd <http://twitter.com/davidmacd> 

 <https://github.com/DavidMacDonald> GitHub

www.Can-Adapt.com <http://www.can-adapt.com/> 

  

  Adapting the web to all users

            Including those with disabilities

 

If you are not the intended recipient, please review our privacy policy <http://www.davidmacd.com/disclaimer.html> 

 

On Sat, May 28, 2016 at 5:25 PM, Roger Hudson <rhudson@usability.com.au <mailto:rhudson@usability.com.au> > wrote:

Thanks Bryan,

 

This example is very nice and seems keyboard and screen reader accessible to me. It is similar (but not the same) as the Canadian Gov Web Experience Toolkit Working Examples Menu (https://wet-boew.github.io/v4.0-ci/demos/menu/menu-en.html)

 

It appears your menu follows the DHTML guidelines which suggest that only the first (or just one) of the main navigation items should be accessible with the tab key, with the others accessed via the arrow keys (i.e. more follows the standard paradigm used with computer applications such as Window Explorer). However, from my testing with keyboard users (with and without a screen reader) I find that a significant proportion expect to be able to tab to all the main navigation items in a web page, and become a little disorientated when this doesn’t happen. And in some cases, either they don’t think to use the arrow keys or don’t know they can be used for this purpose.

 

With your menu, would it cause any problems if rather than switching between tabindex=-1 and tabindex=0 for the main navigation items (depending on which has focus), they all just use the tabindex=0 attribute so that the user can tab directly from one main nav item to the next?

 

Thanks,

 

Roger

 

From: Bryan Garaventa [mailto:bryan.garaventa@whatsock.com <mailto:bryan.garaventa@whatsock.com> ] 
Sent: Sunday, 29 May 2016 3:27 AM
To: 'Roger Hudson'; 'WAI Interest Group'
Subject: RE: accessible drop-down menus

 

The following does this.

https://github.com/accdc/aria-menubar

All the best,

Bryan

 

From: Roger Hudson [mailto:rhudson@usability.com.au] 
Sent: Friday, May 27, 2016 11:45 PM
To: 'WAI Interest Group' <w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> >
Subject: accessible drop-down menus

 

Hi 

I am looking for examples of main site navigation systems where a main (top) navigation item in the menu is able to link to a landing (section) page, and open a drop-down menu with sub-menu choices. Can anyone suggest examples that are both intuitive to use with the keyboard and accessible with a screen reader.

 

Thanks,

Roger

 

Roger Hudson

Web Usability

Mobile: 0405 320 014

Phone: 02 9568 1535

Web: www.usability.com.au <http://www.usability.com.au> 

Blog: www.dingoaccess.com <http://www.dingoaccess.com> 

Twitter: http://twitter.com/rogerhudson

Email: rhudson@usability.com.au <mailto:rhudson@usability.com.au> 

 

 

 
Received on Sunday, 29 May 2016 04:47:10 UTC

This archive was generated by hypermail 2.3.1 : Sunday, 29 May 2016 04:47:10 UTC