WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: perkins

for

From: John Northup
Date: Oct 10, 2015 8:37AM

Sharon,

Sounds like fun! (Mostly!) If YUI is only there to power the menus and image carousel, my advice would be to drop YUI, in favor of a pure HTML/CSS menu and light jQuery for the carousel.

Looking at the new site-in-progress, I can also see a few other ways to improve accessibility. Let me know if you're looking for more recommendations (in case 55 voices aren't already enough...)

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


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

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