WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Superfish-like drop-down menus?

for

From: L Snider
Date: Jun 6, 2017 3:39PM

In the past, I used PVII navigation for drop down fly out navigation
systems:
http://projectseven.com/index.htm

I know that it was very accessible (they really put a lot of time into
making it work with screen readers and keyboards) about 5 years ago,
haven't tested it in a while.

They don't make a Drupal module (which is a pain!), but in the past I have
put it into my Drupal template.

Cheers

Lisa



On Tue, Jun 6, 2017 at 4:21 PM, Lucy Greco < <EMAIL REMOVED> > wrote:

> that example from w3c is for a menu bar not a site menu menu bars should
> only be used in apps and site menus are not menubars
>
> Lucia Greco
> Web Accessibility Evangelist
> IST - Architecture, Platforms, and Integration
> University of California, Berkeley
> (510) 289-6008 skype: lucia1-greco
> http://webaccess.berkeley.edu
> Follow me on twitter @accessaces
>
>
> On Tue, Jun 6, 2017 at 12:40 PM, Ritz, Courtney L. (GSFC-7200) <
> <EMAIL REMOVED> > wrote:
>
> > Hi,
> >
> > I think we're going to be stuck with Superfish for the time being, since
> > we're in a bit of a time crunch.
> > But I'm going to push for us to look at other more accessible options for
> > future use.
> >
> > Courtney
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of Jeremy Echols
> > Sent: Tuesday, June 06, 2017 3:35 PM
> > To: WebAIM Discussion List < <EMAIL REMOVED> >
> > Subject: Re: [WebAIM] Accessible Superfish-like drop-down menus?
> >
> > W3C has an example for a supposedly screen-reader-friendly menu
> > implementation: http://w3c.github.io/aria-practices/examples/menubar/
> > menubar-1/menubar-1.html
> >
> > I have no idea how well that would fit in Drupal. I'm going to be trying
> > to make something like this work shortly for our own site, but it's going
> > to be very experimental and probably very specific to our needs, as
> Drupal
> > isn't something I deal with very often. And there's every chance I'll
> fail
> > anyway :)
> >
> > If that menubar isn't a good example, though, I'd love to know before I
> > get started.
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of Ritz, Courtney L. (GSFC-7200)
> > Sent: Tuesday, June 06, 2017 9:31 AM
> > To: WebAIM Discussion List < <EMAIL REMOVED> >
> > Subject: Re: [WebAIM] Accessible Superfish-like drop-down menus?
> >
> > Ah, thanks for clarifying this for me.
> > I'll take a look at that and have our developers do the same.
> >
> > Courtney
> >
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> > Behalf Of Lucy Greco
> > Sent: Tuesday, June 06, 2017 12:29 PM
> > To: WebAIM Discussion List < <EMAIL REMOVED> >
> > Subject: Re: [WebAIM] Accessible Superfish-like drop-down menus?
> >
> > hello: this is normal behavior for a simple menu in Druple. what is
> > going on is as you tab to the menu link the menu is opening and then you
> > can tab thru the items of the menu. however if your going backwards the
> > menu is closed until you tab to it and then you keep going backwards
> over
> > the menu item itself but not the contents because the contents of the
> > menu are hidden until you tab to the menu itself. we have added some
> ARIA
> > to make this more understandable to a screen reader and the ability to
> > close the menu if you don't want to tab thru it take a look at
> > open.Berkeley.edu <http://open.berkeley.edu>; for an example of how it
> > works. you might also want to take a look at webaccess.berkeley.edu to
> > see an example of a menu that does not activate until you want it to.
> > hint don't tab thru to quickly stay on the links long enough to here the
> > aria we have added to tell you what is going on. we let you know that you
> > can open the menu but we also let you know that once your out of the sub
> > menu that the menu has closed behind you.
> >
> >
> > Lucia Greco
> > Web Accessibility Evangelist
> > IST - Architecture, Platforms, and Integration University of California,
> > Berkeley
> > (510) 289-6008 skype: lucia1-greco
> > http://webaccess.berkeley.edu
> > Follow me on twitter @accessaces
> >
> >
> > On Tue, Jun 6, 2017 at 9:00 AM, Ritz, Courtney L. (GSFC-7200) <
> > <EMAIL REMOVED> > wrote:
> >
> > > Hi all,
> > >
> > > I tried a quick search in the archives and I didn't see anything too
> > > current on this, so apologies if I've missed something.
> > >
> > > Our developers have put some drop-down menus onto some sites in our
> > > Druple environment.
> > > As a JAWS user in IE or Firefox, I run into an annoying situation as I
> > > Tab through the link in these menus. If I Tab forward through them, I
> > > hear each links in the submenu, and then whatever links come after
> > > that submenu. However, if I start reverse-Tabbing back through the
> > > links, I end up completely skipping the submenu links.
> > >
> > > The first menu they tried was called a Nice Menu I think. They
> > > switched to Superfish, since it's supposed to be 508 compliant from
> what
> > they read.
> > > I'm still having this problem.
> > >
> > > So, I guess my question is, is this just standard behavior for an
> > > accessible drop-down menu that I just don't happen to like, or is this
> > > a problem that can be fixed by tweaking the menu or trying another
> > solution?
> > >
> > > Thanks for any suggestions you may have.
> > >
> > > Courtney
> > > > > > > > > archives at http://webaim.org/discussion/archives
> > > > > >
> > > > > > at http://webaim.org/discussion/archives
> > > > > > > > at http://webaim.org/discussion/archives
> > > > > > > > at http://webaim.org/discussion/archives
> > > > > > > > > > > >
> > > > >