title: How to label a loading animation for WAI-ARIA?
body: <p>I'm working on fixing some accessibility issues on a web page. I have this div that acts as a dialog, and inside at one point a div containing a loading animation and a text "Working..." is displayed.</p>
  
  <p>I am unsure as to how to label these two items in order to correctly notify the blind user that there is a progress animation and that it's working and he should wait.</p>
  
  <pre><code>&lt;div id="loading" style="display: none;"&gt;
          &lt;div class="mgBot15"&gt;&lt;span class="txt16" role="alert"&gt;Working...&lt;/span&gt;&lt;/div&gt;
          &lt;img src="loading.png" role="progressbar" aria-busy="true"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I tried adding the role and aria-busy properties to the img (also to the parent div, at first).</p>
  
  <p>When this div appears (by changing the display style property), it correctly reads "Working..." but I hear no indication that it's busy and that the user should wait, am I missing something?</p>
  
  <p>I've looked all over for examples for loading animations, to no avail so far.</p>
  
  <p>Note: I'm using <a href="http://www.nvaccess.org/" rel="noreferrer">NVDA</a> as a screenreader to test.</p>
  
  <p>Thanks</p>