WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: jquery effects accessible?

for

From: Ryan E. Benson
Date: Dec 19, 2013 9:05AM


Hi.

Yes this has accessibility issues and 508 violations. Visual effect is
equivalent to color.

508 violations:
1194.22(c) color - since you are pulsating the background, this is like
using color alone to convey meaning.
1194.22(j) flicker.

You also may have some in 1194.21, and .31. On the jQuery page, the div is
not keyboard navigable. To fix this, you should be able to add
tabindex='-1'.

--
Ryan E. Benson


On Thu, Dec 19, 2013 at 9:18 AM, Jonathan Pund < <EMAIL REMOVED> >wrote:

> I have an app that is using the "pulsate" jquery effect (
> http://api.jqueryui.com/pulsate-effect/). Here's the context: the user
> needs to choose ten items from a pool, and does so by click on the button
> corresponding to the item. When the list is full, if the user clicks on
> another button in the pool, it pulsates to convey that it cannot be moved
> and that the list is full. These are my questions:
> 1) Is this effect accessible "straight out of the box" from the
> jquery package? Or do I need to make some additions to the code to make is
> accessible?
> 2) Does this violate 508 or any other accessibility mandate by
> only conveying the user "error" with a visual effect? I know that would be
> the case if you were using only color or only sound, but what about only a
> visual effect?
>
> Thanks in advance,
> Jonathan
> > > >