title: JavaScript function not called when using VoiceOver
body: <p>I've created and tested a webpage that includes full support for screen readers. It works great with VoiceOver for Mac, but when I tried VoiceOver for iOS I found an issue. When I double tap to trigger a link, the <code>click</code> event listener is not called. Instead VO just repeats the <code>aria-label</code> I've given it, and it does not announce "button" afterwards. It works when I disable VoiceOver, just by tapping on it. The link is intended to behave like a button, not navigate to another webpage. Is this a VoiceOver bug or is there a problem with my markup or my code?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>document.addEventListener('DOMContentLoaded', function() {
      document.getElementById('link').addEventListener('click', triggerFunction);
  });
  
  function triggerFunction() {
    alert('testing');
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="link" href="javascript:void(0);" role="button" aria-label="My Trigger"&gt;Trigger Function&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>