title: Enabling arrow key to navigation in the Bootstrap dropdown-menu with JAWS
body: <p>Is it possible to navigate using keyboard to the drop down menu using arrow keys(up/down) for JAWS users?</p>
  
  <p>Here is the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="btn-group" role="group"&gt;
      &lt;button type="button" class="btn btn-default dropdown-toggle" 
       data-toggle="dropdown" aria-expanded="false"&gt;
        Dropdown
        &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;                    
        &lt;li&gt;&lt;a href="#"&gt;Dropdown link1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Dropdown link2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Steps: <br/>
  1. open JAWS 15.0<br/>
  2. focus on button with drop down menu<br/>
  3. Press enter key<br/>
  4. Press Up/Down key to move focus<br/></p>
  
  <p>Expected results:<br/>
     Focus should be visible<br/></p>
  
  <p>Actual results:<br/>
  1. Focus is invisible after JAWS started<br/>
  2. Focus is visible if JAWS not start<br/></p>
  
  <p><a href="http://jsfiddle.net/fewu2/t8q71q8f/" rel="nofollow">http://jsfiddle.net/fewu2/t8q71q8f/</a></p>