WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Rotating images (javascript)


From: Jared Smith
Date: Oct 28, 2011 4:30PM

You are correct that animating images might disrupt screen reader
accessibility. It depends on how they are implemented. If the screen
reader is currently reading and image when that image disappears from
the page or is replaced by another image, this can cause it to lose
focus and start reading elsewhere. There are methods for implementing
this type of carousel so that this issue can be avoided.

As Vincent indicated, you should provide an option to stop or pause
the animation. This is a WCAG 2.0 Level A requirement for content that
animates for more than 3 seconds.

Regarding the null alt text, if the content is presented elsewhere,
this would likely be OK. However, if the image the only thing within a
link, it must be given alternative text, even if that text is
redundant with text later on the page.

Jared Smith