title: JAWS screen reader continues reading other elements after tabbing to first element on page
body: <p>I am building an Angular application and are having some issues with accessibility support for Jaws in IE 11. </p>
  
  <p>My page looks similar to this:</p>
  
  <pre><code>&lt;div id="start-tabbing-from-here" aria-label="Press tab to begin" tabindex="-1"&gt;&lt;/div&gt;
  &lt;h1 tabindex="0" aria-label="Some title"&gt;Some title&lt;/h1&gt;
  &lt;p tabindex="0" aria-label="Some text"&gt;Some text&lt;/p&gt;
  &lt;button tabindex="0" aria-label="Btn1"&gt;Btn1&lt;/button&gt;
  &lt;button tabindex="0" aria-label="Btn2"&gt;Btn2&lt;/button&gt;
  &lt;button tabindex="0" aria-label="Btn3"&gt;Btn3&lt;/button&gt;
  &lt;button tabindex="0" aria-label="Btn4"&gt;Btn4&lt;/button&gt;
  </code></pre>
  
  <p>When I am sure the page elements have loaded i 'focus' on the #start-tabbing-from-here id using JQuery. </p>
  
  <p>The intention is that once the user starts tabbing the user will move through the elements in page order. I.e: First focus is on 'Some title' on next 'tab' it moves to 'Some text' all the while reading aloud the content for each element. </p>
  
  <p>In Chrome (linux/windows/mac) as well as Safari on Mac I get the expected behaviour. </p>
  
  <p>In IE something really strange is going on:
  On first tab it starts reading through not only the first element but all of the elements in page order. I.e. JAWS will read:
  'Some title some text Btn1 ...' and then suddenly it will 'reset' starting from the first element and then read that aloud one final time. </p>
  
  <p>In essence what will happen is this:
  User tabs once and focus moves to 'Some title'. JAWS then reads aloud:
  "Some title some text Btn1 Btn2 Some title" and then it will stop reading and the page will start to behave as I would expect.</p>
  
  <p>It seems to me like the 'reset' happens at a fixed point in time or after reading a specific number of words. E.g. If I change my the content of my elements to: </p>
  
  <pre><code>&lt;div tabindex="-1" id="start-tabbing-from-here"&gt;
   &lt;h1 tabindex="0" aria-label="Some title"&gt;Some title&lt;/h1&gt;
   &lt;p tabindex="0" aria-label="Some longer text that is here"&gt;Some longer text that is here&lt;/p&gt;
   &lt;button tabindex="0" aria-label="Btn1"&gt;Btn1&lt;/button&gt;
   &lt;button tabindex="0" aria-label="Btn2"&gt;Btn2&lt;/button&gt;
   &lt;button tabindex="0" aria-label="Btn3"&gt;Btn3&lt;/button&gt;
   &lt;button tabindex="0" aria-label="Btn4"&gt;Btn4&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JAWS may read: 'Some title Some longer text that Some title'. </p>
  
  <p>I am really baffled by this behaviour and are not quite sure where to start debugging. I'm really hoping for some input! :)</p>