WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: spinners/loading animations

for

From: Ugurcan Kutluoglu
Date: Oct 5, 2017 2:22PM

Hi Dan,

Could you clarify the purpose of the loading animation?

If you are lazy-loading images, there's really not much you have to do.
Most lazy loading scrips that I've encountered, re-uses the same IMG tag
and just modifies the src attribute once the image is in viewport. You
should be safe, as long as the IMG tag has the appropriate alt text.

However, if you are loading page sections, you may have to alert screen
reader users depending on the situation.

Ugi

On Thu, Oct 5, 2017 at 7:45 AM, Swift, Daniel P. < <EMAIL REMOVED> > wrote:

> Can someone provide some clarification on loaders/spinners in regards to
> accessibility? We are using something like this when we lazy-load content:
> http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif
>
> In theory, the image should've be visible for longer than 5 seconds ...
> but it is possible if there is a slow connection. Should we remove the
> 'loading/spinner' image after 5 seconds or substitute it with a static
> image of a spinner or are loaders/spinners exempt?
>
> Thanks!
>
> Dan Swift
> Senior Web Specialist
> Enterprise Services
> West Chester University
> 610.738.0589
>
> > > > >