WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Best practice regarding "Loading" indicator images

for

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

From: Denise
Date: Wed, Jun 26 2013 4:45AM
Subject: Best practice regarding "Loading" indicator images
No previous message | Next message →

Hi again,
I understand that in general if images are used that convey information they should be included in the html, however what about images that may be shown when waiting for a response from the server?
Should these also be in the html as img elements or is it okay for these to be background images just defined in css?
Also is there a way to indicate to the screen reader user that something is loading, e.g. when they press submit on the form.

Thanks in advance for your help
Denise

From: Paul J. Adam
Date: Wed, Jun 26 2013 11:36AM
Subject: Re: Best practice regarding "Loading" indicator images
← Previous message | No next message

Well all images need a text alternative unless they are purely decorative and have no useful info. So you could either provide whatever form of text alternative that works for you or you could try something more modern and possibly more complex using ARIA.

You could try an ARIA progressbar or status role.

<http://www.w3.org/TR/wai-aria/roles#progressbar>;

<http://www.w3.org/TR/wai-aria/roles#status>;

Paul J. Adam
Accessibility Evangelist
www.deque.com

On Jun 26, 2013, at 5:45 AM, Denise < = EMAIL ADDRESS REMOVED = > wrote:

> Hi again,
> I understand that in general if images are used that convey information they should be included in the html, however what about images that may be shown when waiting for a response from the server?
> Should these also be in the html as img elements or is it okay for these to be background images just defined in css?
> Also is there a way to indicate to the screen reader user that something is loading, e.g. when they press submit on the form.
>
> Thanks in advance for your help
> Denise
> > >