WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: perkins

for

From: Terzian, Sharon
Date: Oct 10, 2015 7:07AM

yes I have a new redesign (not up) that incorporated the YUI script for the drop down and the carousel script for the photos...

it's living here: (and SO unfinished!)
http://www.ric.edu/sherlockcenter/test/scrolltest/indexcss2.html

the YUI code doesn't mush up well when it gets smaller, our menus have always been a wrangle in progress

thank you! we want to be fully accessible and it's been trying at times to please 55+ people with the balance of what is pretty and what is best practice


Sharon Terzian
Webmistress/Sherlock Center @ RIC
Adjunct Professor/School of Management @ RIC
http://www.sherlockcenter.org
http://www.dubowitzsyndrome.net
From: WebAIM-Forum [ <EMAIL REMOVED> ] On Behalf Of John Northup [ <EMAIL REMOVED> ]
Sent: Saturday, October 10, 2015 9:03 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] perkins

Hi Sharon,

The unordered list is the way to go. Modern visual browsers can handle drop-downs with HTML and CSS (no JavaScript needed). For flexibility in appearance, just tailor the CSS to your requirements.

The unordered list is semantically correct in that the relationship between the menu items can be inferred purely from the HTML--which makes it more adaptable to an aural or mobile context (as compared to a string of table cells or DIVs). If your menu is very deep, be sure that aural users can navigate across the top-level headings without having to listen through the contents of each.

So, the Sherlock Center site is the one you're working on, and the Perkins site is the one you're modeling your menu after, correct?

John Northup
Accessibility/Front End Specialist
Ford Motor Company (contractor)
work: <EMAIL REMOVED>

On Oct 10, 2015, at 05:17 AM, "Terzian, Sharon" < <EMAIL REMOVED> > wrote:

>
> A year or so ago I asked for suggestions on how to handle a drop down menu, similar to the one at the top of their page. Someone here led me to the YUI script, which is fine but
> not very versatile (color, height, etc) unless you really know javascript
>
> essentially it treats it as an unordered list/line items so the links are coded into the basic html, this seems to do the same thing, but did they rewrite or is there a different script out there now that
> allows more flexibility in appearance?
>
>
> http://www.perkins.org/#
>
> thanks
>
>
> Sharon Terzian
> Webmistress/Sherlock Center @ RIC
> Adjunct Professor/School of Management @ RIC
> http://www.sherlockcenter.org
> http://www.dubowitzsyndrome.net
> > > > > > > >