RE: accessible drop-down menus

Thanks, I’ll touch bases with Marco and see if it’s worth filing a bug.


Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
bryan.garaventa@ssbbartgroup.com
415.624.2709 (o)
www.SSBBartGroup.com

From: David MacDonald [mailto:david100@sympatico.ca]
Sent: Sunday, May 29, 2016 4:33 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

Sorry... Safari is OK, it's Firefox on Mac that doesn't put focus on the menu... tab goes to the search but not the dropdown... Chrome on Mac is OK...

Cheers,
David MacDonald



CanAdapt Solutions Inc.
Tel:  613.235.4902

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

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

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

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 9:45 PM, David MacDonald <david100@sympatico.ca<mailto:david100@sympatico.ca>> wrote:
I can't get tab focus onto it in Safari

Cheers,
David MacDonald



CanAdapt Solutions Inc.
Tel:  613.235.4902<tel:613.235.4902>

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

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

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

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>