title: Accessibility: Page Loader indicator using aria-live
body: <p><strong>Issue:</strong> I have an accessibility issue that I am struggling with. I have an angular web application. A page loading spinner/indicator is shown when content is loading. And when the page content has loaded the spinner is hidden. This "div" is never removed from DOM.</p>
  
  <p>Content of the loading div are not read (by NVDAor jaws) when the loading div is shown.</p>
  
  <pre><code>&lt;div class='loading' aria-live='polite' aria-label='Do not refresh the page' tabindex="-1"&gt;Do not refresh the page&lt;/div&gt;
  </code></pre>
  
  <p>I wouldn't like to change the structure of the application but work around using 'aria tags' to resolve this, just wondering if I will have to do anything more to make aria-live work?</p>
  
  <p><strong>Updated (27/July/2016)</strong></p>
  
  <p><em>Further clarification:</em> I am not removing the content from DOM but using css to show/hide content (display: none to display: block and vice versa)</p>