E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 6 (In chronological order)

From: Mackenzie, Hamish
Date: Wed, Jun 10 2009 9:00PM
Subject: Accessible drop-down menus
No previous message | Next message →

Hi All

My organisation are looking at putting drop down menus in the nav on our
site. They will be very simple drop downs and not too layered.
Basically they wan one level of options numbering maybe four or five
options to appear when a certain area of the nav has the mouse over it.
would it be possible to make this accessible and could anyone please
point me at some examples if they exist.

Regards

Hamish


"This e-mail and any attachments to it (the "Communication") is, unless otherwise stated, confidential, may contain copyright material and is for the use only of the intended recipient. If you receive the Communication in error, please notify the sender immediately by return e-mail, delete the Communication and the return e-mail, and do not read, copy, retransmit or otherwise deal with it. Any views expressed in the Communication are those of the individual sender only, unless expressly stated to be those of Australia and New Zealand Banking Group Limited ABN 11 005 357 522, or any of its related entities including ANZ National Bank Limited (together "ANZ"). ANZ does not accept liability in connection with the integrity of or errors in the Communication, computer virus, data corruption, interference or delay arising from or in respect of the Communication."

From: Al Sparber
Date: Wed, Jun 10 2009 9:50PM
Subject: Re: Accessible drop-down menus
← Previous message | Next message →

From: "Mackenzie, Hamish" < = EMAIL ADDRESS REMOVED = >

> Hi All
>
> My organisation are looking at putting drop down menus in the nav on our
> site. They will be very simple drop downs and not too layered.
> Basically they wan one level of options numbering maybe four or five
> options to appear when a certain area of the nav has the mouse over it.
> would it be possible to make this accessible and could anyone please
> point me at some examples if they exist.

Use a JavaScript-based menu. There are several out there. It's usually best
to stay away from drop downs that are operated purely with CSS. If you
search this list's archive for your subject you should come up with several
lengthy discussions.

--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible & Elegant Accordion

From: Bevi Chagnon | PubCom
Date: Thu, Jun 11 2009 9:00AM
Subject: Re: Accessible drop-down menus
← Previous message | Next message →

So Al,
Do any of Project Seven's templates have accessible JavaScript menus?
Reply off list if you need to be discrete and not shamelessly hawk your
products to the list!

--Bevi Chagnon
= EMAIL ADDRESS REMOVED =
. . . . . . . . . . . . . . . . . . . . . . . . . .
. .
PubCom.com | Consultants + Trainers + Designers
Government and non-profit publishing specialists for print, web, marketing,
Acrobat, & 508
News blurbs via Twitter | www.Twitter.com/pubcom

-----Original Message-----

> Use a JavaScript-based menu. There are several out there. It's usually
best
> to stay away from drop downs that are operated purely with CSS. If you
> search this list's archive for your subject you should come up with
several
> lengthy discussions.
--
> Al Sparber - PVII
> http://www.projectseven.com

From: Nancy Johnson
Date: Thu, Jun 11 2009 9:10AM
Subject: Re: Accessible drop-down menus
← Previous message | Next message →

What about Suckerfish and Son of Suckerfish. They are CSS but have a
js to address IE lack of support for hover tag

Nancy

On Thu, Jun 11, 2009 at 10:59 AM, Bevi Chagnon |
PubCom< = EMAIL ADDRESS REMOVED = > wrote:
> So Al,
> Do any of Project Seven's templates have accessible JavaScript menus?
> Reply off list if you need to be discrete and not shamelessly hawk your
> products to the list!
>
> --Bevi Chagnon
> = EMAIL ADDRESS REMOVED =
> . . . . . . . . . . . . . . . . . . . . . . . . . .
> . .
> PubCom.com | Consultants + Trainers + Designers
> Government and non-profit publishing specialists for print, web, marketing,
> Acrobat, & 508
> News blurbs via Twitter | www.Twitter.com/pubcom
>
> -----Original Message-----
>
>> Use a JavaScript-based menu. There are several out there. It's usually
> best
>> to stay away from drop downs that are operated purely with CSS. If you
>> search this list's archive for your subject you should come up with
> several
>> lengthy discussions.
> --
>> Al Sparber - PVII
>> http://www.projectseven.com
>
>
>

From: Peter Weil
Date: Thu, Jun 11 2009 9:15AM
Subject: Re: Accessible drop-down menus
← Previous message | Next message →

On Jun 10, 2009, at 10:47 PM, Al Sparber wrote:

>
> Use a JavaScript-based menu. There are several out there. It's
> usually best
> to stay away from drop downs that are operated purely with CSS. If you
> search this list's archive for your subject you should come up with
> several
> lengthy discussions.
>

I wonder whether someone could comment on the dropdown menus used on
the University of Colorado site (the home page menus differ a bit from
the secondary level pages. Some colleagues have cited these as a
possible model for us, mentioning how the home page menus are "content
rich" (meaning the graphics, I guess). I'm not sure I care for the
comma-separated lists of links on the home page menus, but are there
other obvious accessibility or usability problems that others can spot?

http://colorado.edu/

--
Peter Weil, Web Developer
University Communications
University of Wisconsin-Madison
Phone: 608-262-6538
Email: = EMAIL ADDRESS REMOVED =

From: Moore,Michael
Date: Fri, Jun 12 2009 7:50AM
Subject: Re: Accessible drop-down menus
← Previous message | No next message

Peter Wiel wrote

"I wonder whether someone could comment on the dropdown menus used on
the University of Colorado site (the home page menus differ a bit from
the secondary level pages. Some colleagues have cited these as a
possible model for us, mentioning how the home page menus are "content
rich" (meaning the graphics, I guess). I'm not sure I care for the
comma-separated lists of links on the home page menus, but are there
other obvious accessibility or usability problems that others can spot?"



Keyboard only navigation (without a screen reader) is rather difficult. You can get to all the links but the only destination feedback that you receive is the url in the status bar. The very large number of tab stops (links and form fields) 175, plus the limited support for moving to different sections of the page, search is stop 64, could make this site very challenging for someone with a physical impairment that restricted them to keyboard navigation.

Mike Moore


-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Peter Weil
Sent: Thursday, June 11, 2009 10:15 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Accessible drop-down menus

On Jun 10, 2009, at 10:47 PM, Al Sparber wrote:

>
> Use a JavaScript-based menu. There are several out there. It's
> usually best
> to stay away from drop downs that are operated purely with CSS. If you
> search this list's archive for your subject you should come up with
> several
> lengthy discussions.
>

I wonder whether someone could comment on the dropdown menus used on
the University of Colorado site (the home page menus differ a bit from
the secondary level pages. Some colleagues have cited these as a
possible model for us, mentioning how the home page menus are "content
rich" (meaning the graphics, I guess). I'm not sure I care for the
comma-separated lists of links on the home page menus, but are there
other obvious accessibility or usability problems that others can spot?

http://colorado.edu/

--
Peter Weil, Web Developer
University Communications
University of Wisconsin-Madison
Phone: 608-262-6538
Email: = EMAIL ADDRESS REMOVED =