title: Accessibility: Make VoiceOver read a text without focus on a Web page
body: <p>I have a form in a web page (HTML, JavaScript, Jquery). How can I make VoiceOver  read something out when the form submission fails due to invalid entries in the form (everything happens on the client-side) without setting focus to an element containing error description?</p>
  
  <p>I was able to make it work with NVDA, but VoiceOver doesn't like to read something without focusing on it or at least I'm not setting the proper attributes for it. Any recommendations here?</p>
  
  <p>The code that works in NVDA is this</p>
  
  <pre><code>if(logic for error) {    
      $('#inline-errors-alert').attr({ 'aria-hidden': 'false' });
      setTimeout(function() { $('#inline-errors-alert').attr({ 'aria-hidden': 'true' })}, 500);    
  }
  </code></pre>
  
  <p>and the HTML markup is like this</p>
  
  <pre><code>&lt;div class="hidden" id="inline-errors-alert" role="alert" aria-describedby="inlineErrorsMessage" aria-hidden="true"&gt;
      &lt;p id="inlineErrorsMessage"&gt;some message here.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>