WebAIM - Web Accessibility In Mind

E-mail List Archives

Spinners which are using animation to indicate progress.


From: mhysnm1964@gmail.com
Date: Nov 1, 2019 7:39PM


From a visual point of view. What are some of the gotcha's in relation to a
animated spinner indicating the progress of an web or mobile application
indicating it is busy waiting for an update from the backend server. How
does colour contrast impact here, not only colour and any other aspects
which should be considered in a design?

From a screen reader point of view, the two options I feel would work is
providing text when the spinner is active indicating it is busy which is the
basic information. Otherwise provide a percentage which is updated on a
periodic bases. The challenge of course is do you have it automatically
announce or not. If you use automatic announcement then the frequency of
when ARIA live polite is triggered giving you the percentage or time