title: Not able to find the correct accessibility role for list elements
body: <pre><code> &lt;ul class="draggable-list" role="listbox"&gt;
      -- list runs in for loop around 5 li elements (all draggable elements)
      &lt;li tabindex="0" role="option"&gt;
      &lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>All the drag drop li elements are working fine on mouse click drag and drop. But when I try to use keyboard enter for accessibility.. there is a on key press function which works fine in chrome but fails in IE and Safari. 
  I have tried role="listitem" but then on enter key press nothing happens on any of the browsers. is there any specific role i can use across browsers for list items which needs to be moved (basically need on key press event to fire, where I am deciding the location to move). I have tried role="application" this works across browser but there some other accessibility issue that come up. Everyone in the team suggested not to use application as a role for list elements (That doesn't seem correct to me as well but thts the only role which has worked on IE and safari safari for key press event)</p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Listitem_role" rel="nofollow noreferrer">list item</a></p>
  
  <p>Note: list item doesn't have any keyboard interactions</p>