WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: perkins

for

From: John Northup
Date: Oct 10, 2015 7:03AM

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