WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Animated Gifs

for

From: Mallory van Achterberg
Date: Aug 22, 2014 1:46PM

On Fri, Aug 22, 2014 at 01:34:05PM +0000, Jasper Cole wrote:
> Has anyone else ever dealt with this problem or a similar problem before? I'd love to know about your solution.
>
I haven't dealt with the problem before but you could do it the other
way around: start with a static "poster" image that students who like
animation can click to activate (rather than other way around). To avoid
"obtrusive" looking buttons, the "poster" (term taken from the HTML5
video element) could have a "play button" overlay everyone's gotten
used to seeing on actual videos to encourage those who like animation
to click.
Especially if these are "extras" on the page, students who don't click
them won't be missing out on necessarily information, right?

Still does require Javascript, unless you want to make clever use
of the :target attribute (to hide the "poster" that was sitting
exactly over the always-running animated gif). :P
(this actually also has the advantage of adding a way to turn it "off"
when the image container no longer has the :target state)

-Mallory