{"action":"opened","issue":{"url":"https://api.github.com/repos/jquery/jquery-mobile/issues/8271","labels_url":"https://api.github.com/repos/jquery/jquery-mobile/issues/8271/labels{/name}","comments_url":"https://api.github.com/repos/jquery/jquery-mobile/issues/8271/comments","events_url":"https://api.github.com/repos/jquery/jquery-mobile/issues/8271/events","html_url":"https://github.com/jquery/jquery-mobile/issues/8271","id":103344944,"number":8271,"title":"Vclick event not triggered reliably on links when Mobile VoiceOver is enabled","user":{"login":"btippett","id":3035441,"avatar_url":"https://avatars.githubusercontent.com/u/3035441?v=3","gravatar_id":"","url":"https://api.github.com/users/btippett","html_url":"https://github.com/btippett","followers_url":"https://api.github.com/users/btippett/followers","following_url":"https://api.github.com/users/btippett/following{/other_user}","gists_url":"https://api.github.com/users/btippett/gists{/gist_id}","starred_url":"https://api.github.com/users/btippett/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/btippett/subscriptions","organizations_url":"https://api.github.com/users/btippett/orgs","repos_url":"https://api.github.com/users/btippett/repos","events_url":"https://api.github.com/users/btippett/events{/privacy}","received_events_url":"https://api.github.com/users/btippett/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-26T19:16:20Z","updated_at":"2015-08-26T19:16:20Z","closed_at":null,"body":"When using Mobile Safari with the Mobile VoiceOver accessibility tool enabled the vclick event is not triggered reliably on links. One would expect the vclick event to be triggered when double tapping a clickable element. On button elements this is the current outcome. However on links a vclick event is not triggered when the user double taps. It may later be triggered when a user double taps on another clickable element, see the findings below.\r\n\r\n## Steps to Reproduce\r\n- Use an iOS device with Mobile VoiceOver turned on\r\n- Open the [test page](http://output.jsbin.com/celoro) in Mobile Safari\r\n- [Debug the test page in Safari](http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787)\r\n- Observe the console output\r\n- Note: the test page must not be viewed in an iframe for accurate console output, hence the link to the output only in the steps above\r\n\r\n## Test Environment\r\nDevice: Apple iPad Air\r\nOS: iOS version 8.3\r\nBrowser: Mobile Safari with Mobile VoiceOver enabled\r\njQuery: v1.11.1 and v2.1.4\r\njQuery Mobile: 1.5.0-pre\r\n\r\n## Findings\r\n- When double tapping a button element, which exhibits the expected behavior, the dispatched events are as follows: `touchstart > touchend > vclick > click`\r\n- When double tapping a link, which exhibits unexpected behavior, the dispatched events are as follows: `touchstart > click`\r\n- The vclick event is not dispatched. Because the link has an associated touchID from the touchstart event the browser's click event is ignored. The vclick event is not dispatched until a touchend event is triggered on the link.\r\n- A touchend event may be received on the link at a later time which will then trigger a vclick event.\r\n- If the user moves virtual focus to another link and double taps it a touchmove event will be triggered on the original link. This will not result in a vclick event being triggered.\r\n- If the user moves virtual focus to a button and double taps the button a touchend event will be triggered on the original link. This causes a vclick event to be triggered on the original link.\r\n- If the same tests are run without jQuery and/or jQuery Mobile the native event behavior is the same. In other words, the observed behavior of the native events when Mobile VoiceOver is enabled is not being altered by jQuery or jQuery Mobile."}}