WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Jquery slide show and keyboard accessibility

for

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

From: Nancy Johnson
Date: Wed, Feb 03 2010 7:30AM
Subject: Jquery slide show and keyboard accessibility
No previous message | Next message →

I was given a code to put a slide show using jquery in a new high
profile site.

Each slide will have an image and some text with a link to an article or story.
When I tested it for keyboard accessibility. it sometimes could
access the link on the first slide and then would go into a loop,
starting at the top, and I couldn't access any links or scroll down
the page beyond the slide show without at mouse.

If I used JAWS and I am not an expert. It may have allowed one slide
to show up and I could link on it. It did allow me to go to the rest
of the page.

These slide shows are very popular, but is there any that are keyboard
accessible? The site is not live so I cannot show it

Nancy

From: Christian Heilmann
Date: Wed, Feb 03 2010 8:48AM
Subject: Re: Jquery slide show and keyboard accessibility
← Previous message | Next message →

Nancy Johnson wrote:
> These slide shows are very popular, but is there any that are keyboard
> accessible? The site is not live so I cannot show it
>
There is the YUI carousel which uses ARIA and is used by Yahoo:
http://developer.yahoo.com/yui/examples/carousel/carousel-ariaplugin.html

From: Al Sparber
Date: Wed, Feb 03 2010 9:18AM
Subject: Re: Jquery slide show and keyboard accessibility
← Previous message | Next message →

From: "Christian Heilmann" < = EMAIL ADDRESS REMOVED = >
> There is the YUI carousel which uses ARIA and is used by Yahoo:
> http://developer.yahoo.com/yui/examples/carousel/carousel-ariaplugin.html

That seems quite inaccessible to keyboard users. If I'm a normal, typical,
blue collar keyboard user, I sees the widget. I wants to use the widget. I
see the little controls in its header. But alas, I cannot tab into them.

Tabbing brings to the images inside the widget. But I can only access the
first one. Pshaw.

I start to think, but then remember that great book I read in the early
years of the web, "Don't Make Me Think".

So, I leave.

Unless that's an unfinished project, the only way it would meet any
reasonable accessibility goals is if the user were forced to read a help
sheet.

--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel

From: Nancy Johnson
Date: Wed, Feb 03 2010 10:06AM
Subject: Re: Jquery slide show and keyboard accessibility
← Previous message | Next message →

This looks like a great one to watch for the future as it only works
in the latest browsers. We still have to support IE6 and IE7. The
other thing I forgot to mention is this slide show automatically
rotates although it does have a pause button and you can manually skip
to a particular slide

Nancy

On Wed, Feb 3, 2010 at 11:18 AM, Al Sparber < = EMAIL ADDRESS REMOVED = > wrote:
> From: "Christian Heilmann" < = EMAIL ADDRESS REMOVED = >
>> There is the YUI carousel which uses ARIA and is used by Yahoo:
>> http://developer.yahoo.com/yui/examples/carousel/carousel-ariaplugin.html
>
> That seems quite inaccessible to keyboard users. If I'm a normal, typical,
> blue collar keyboard user, I sees the widget. I wants to use the widget. I
> see the little controls in its header. But alas, I cannot tab into them.
>
> Tabbing brings to the images inside the widget. But I can only access the
> first one. Pshaw.
>
> I start to think, but then remember that great book I read in the early
> years of the web, "Don't Make Me Think".
>
> So, I leave.
>
> Unless that's an unfinished project, the only way it would meet any
> reasonable accessibility goals is if the user were forced to read a help
> sheet.
>
> --
> Al Sparber - PVII
> http://www.projectseven.com
> Dreamweaver Menus | Galleries | Widgets
> http://www.projectseven.com/go/hgm
> The Ultimate Web 2.0 Carousel
>
>
>
>

From: D A
Date: Wed, Feb 03 2010 10:33AM
Subject: Re: Jquery slide show and keyboard accessibility
← Previous message | No next message

> These slide shows are very popular, but is there any that are keyboard
> accessible?  The site is not live so I cannot show it

I don't know one off the top of my head, but...

If you know some one handy with jQuery, they could potentially add that for you.

It's fairly easy to delegate events to a master event.

So, while the next slide might be triggered by a click event on a
specific anchor tag, you could also have that same click event
triggered via a key press event, or a focus on another object on the
page.

Another resource to watch is the Filament group's work with jQuery:

http://www.filamentgroup.com/lab

They are doing a lot with jQuery trying to incorporate more ARIA techniques.

I will say an index of some sort listing jQuery plugins that are
tailored for accessibility would be a nice resource to have.

-Darrel