title: WAI-ARIA : Event if aria-hidden=true MS windows narrator reads text from UI
body: <p>We are using WAI-ARIA in our web application for accessibility. We came across one scenario is that Windows narrator reads out all the contents from screen even if those are marked as hidden.
  To resolve this i tried below solutions,</p>
  
  <ol>
  <li><p><code>&lt;span style="visibility: hidden;display:none;" aria-hidden="true"&gt;Loading..&lt;/span&gt;</code></p></li>
  <li><p><code>&lt;span style="width:0px;height:0px;font-size:0px;line-height:0 " aria-hidden="true"&gt;Loading..&lt;/span&gt;</code></p></li>
  </ol>
  
  <p>Referred :</p>
  
  <p><a href="http://juicystudio.com/article/screen-readers-display-none.php#comment3" rel="nofollow">http://juicystudio.com/article/screen-readers-display-none.php#comment3</a></p>
  
  <p><a href="http://webaim.org/techniques/css/invisiblecontent/#absolutepositioning" rel="nofollow">http://webaim.org/techniques/css/invisiblecontent/#absolutepositioning</a></p>
  
  <p><a href="https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/" rel="nofollow">https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/</a></p>
  
  <p>Then also Windows narrator reads it out. So my requirement is that how we can hide the text from windows narrator so that it should not read my hidden text and messages?</p>
  
  <p>Any suggestions?</p>