WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Superfish-like drop-down menus?

for

From: Ritz, Courtney L. (GSFC-7200)
Date: Jun 6, 2017 1:40PM

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
> >