163719 2016-10-20 02:15:36 -0700 AX: navigating to a new URL with a fragment identifier, VoiceOver moves accessibility focus to top of document regardless 2018-05-16 02:32:36 -0700 1 1 1 Unclassified WebKit Accessibility Safari 10 iPhone / iPad iOS 10 RESOLVED DUPLICATE 185264 InRadar P2 Major --- 1 redux webkit-unassigned anika.henke ddkilzer jcraig webkit-bug-importer oldest_to_newest 1242303 0 292162 redux 2016-10-20 02:15:36 -0700 Created attachment 292162 Test case When opening a URL with a fragment identifier, Safari correctly opens the new page and visually scrolls to the relevant part of the document referred to in the fragment/hash (if present). However, when VoiceOver is running, after the initial visual scroll VoiceOver resets the accessibility focus/caret all the way back to the first element at the very start of the document. This currently makes URLs with fragment identifiers useless for iOS/VO users (which is particularly problematic for very long documents, as VO users then have to still explicitly navigate all the way through the document to finally reach the actual section they were after). Video of the bug in action: https://www.youtube.com/watch?v=LvlM8Z71oWE Steps to reproduce: - with VoiceOver enabled, open a fresh tab in Safari - enter a URL with a fragment identifier (in the attached test case, there is a #target1, for instance) Expected: - Safari opens the document, visually scrolls to the location of the fragment identifier - VoiceOver sets accessibility focus/caret to the targeted element (or its first child element) Actual: - Safari opens the document, visually scrolls to the location of the fragment identifier - VoiceOver sets accessibility focus/caret to the very first element of the document - the visual viewport is scrolled back to the top of the document This is potentially a side effect of https://bugs.webkit.org/show_bug.cgi?id=116046, but filed separately as requested https://bugs.webkit.org/show_bug.cgi?id=116046#c57 The issue does not appear in Safari/VoiceOver on MacOS/OS X, so it seems iOS/Safari/VoiceOver specific. 1242310 1 webkit-bug-importer 2016-10-20 02:54:55 -0700 <rdar://problem/28866720> 1321487 2 anika.henke 2017-06-21 07:56:47 -0700 It seems Safari iOS with VoiceOver always has its virtual focus on the first thing on the page after a page refresh or opening any page. No matter if you try to focus on another element via linking to an anchor or do the focus via JavaScript or use an input with the HTML5 autofocus attribute (all of which I've tried), the result is always the same, Safari/VO's virtual focus will be at the very top of the page. (The actual browser focus stays where it is supposed to be, only the virtual focus is affected.) I've got another reduced test case for this: 1. Activate VoiceOver on an iOS device 2. Open http://jsbin.com/cadocaj in Safari 3. Submit the form The browser focus (which I have made visible with a dotted blue outline) will be correctly on the error message and the virtual focus is on there as well at first. But after a split second the virtual focus will move to the first thing on the page, i.e. the heading. The time it takes for that "re-focus" is somewhat unpredictable. Sometimes VO manages to read the whole message, sometimes it just reads the first two words, and sometimes it skips it altogether. You can see another example in the wild here: http://govuk-elements.herokuapp.com/errors/example-form-validation-multiple-questions. After submitting the form, the virtual focus will end up wrongly on the skip link at the top and not on the error message box. 1424280 3 jcraig 2018-05-16 02:32:36 -0700 *** This bug has been marked as a duplicate of bug 185264 *** 292162 2016-10-20 02:15:36 -0700 2016-10-20 02:15:36 -0700 Test case link-with-hash.html text/html 5386 redux DQo8IURPQ1RZUEUgaHRtbD4NCjxodG1sIGxhbmc9ImVuIj4NCjxoZWFkPg0KCTxtZXRhIGNoYXJz ZXQ9InV0Zi04Ij4NCgk8dGl0bGU+TGluayB3aXRoIGZyYWdtZW50IGlkZW50aWZpZXIvaGFzaCBh bmQgVm9pY2VPdmVyPC90aXRsZT4NCgk8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lk dGg9ZGV2aWNlLXdpZHRoIj4NCjwvaGVhZD4NCjxib2R5Pg0KPGRpdiBpZD0ic2tpcHJvdzEiPg0K CTxhIGhyZWY9IiN0YXJnZXQxIj5Ta2lwIHRvIHRhcmdldCAxPC9hPg0KPC9kaXY+DQoNCjxoMT5G b2xsb3dpbmcgYSBsaW5rIHdpdGggYSBmcmFnbWVudCBpZGVudGlmaWVyL2hhc2g8L2gxPg0KPHA+ V2hlbiBvcGVuaW5nIGEgVVJMIHRvIGEgc3BlY2lmaWMgcGFydCBvZiBhIGRvY3VtZW50LCBWb2lj ZU92ZXIgc2VlbXMgdG8gYWx3YXlzIGlnbm9yZSBpdCBhbmQgc3RhcnQgZnJvbSB0aGUgdG9wIG9m IHRoZSBkb2N1bWVudC48L3A+DQoNCjxwPkZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlz aWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3Jv bGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZp bGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250 ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZv cmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUg dmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBz Y3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcu IEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBj b250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRv IGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNv bWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJs ZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxp bmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxl ciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50 IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNl IHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlz aWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3Jv bGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZp bGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250 ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZv cmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUg dmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBz Y3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcu IEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBj b250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRv IGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNv bWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJs ZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxp bmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxl ciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50 IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNl IHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlz aWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3Jv bGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZp bGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250 ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZv cmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUg dmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBz Y3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcu IEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBj b250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRv IGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNv bWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJs ZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxp bmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxl ciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50 IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNl IHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlz aWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3Jv bGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZp bGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250 ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZv cmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUg dmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBz Y3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcu IEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBj b250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRv IGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNv bWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJs ZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxp bmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxl ciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50 IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNl IHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlz aWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3Jv bGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZp bGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250 ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZv cmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUg dmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBz Y3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcu IEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBj b250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRv IGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNv bWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJs ZSBzY3JvbGxpbmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxp bmcuIEZpbGxlciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIEZpbGxl ciBjb250ZW50IHRvIGZvcmNlIHNvbWUgdmlzaWJsZSBzY3JvbGxpbmcuIDwvcD4NCg0KPGRpdiBp ZD0idGFyZ2V0MSI+DQoJPGgyPlRhcmdldDwvaDI+DQoJPHA+VGhpcyBpcyB0aGUgYWN0dWFsIHRh cmdldCB0aGF0IHdlJ2QgbGlrZSB0byBsaW5rIHRvL2p1bXAgdG8gZGlyZWN0bHkuIE9wZW5pbmcg dGhlIFVSTCB3aXRoIHRoZSBoYXNoIG5vcm1hbGx5IHdvcmtzIGluIFNhZmFyaSwgbWVhbmluZyB0 aGUgdmlzdWFsIHZpZXdwb3J0IGlzIHNjcm9sbGVkIHRvIHRoZSByaWdodCBwbGFjZS4gQnV0IGlm IFZvaWNlT3ZlciBpcyBydW5uaW5nLCB0aGUgVk8gZm9jdXMgaW52YXJpYWJseSBnb2VzIHRvIHRo ZSB0b3Agb2YgdGhlIGRvY3VtZW50LCBtZWFuaW5nIGFueSBsaW5rcyB0byBzZWN0aW9ucyBvZiBh IGRvY3VtZW50IGJlY29tZS4uLnVzZWxlc3MuIDxhIGhyZWY9IiMiPkR1bW15IGxpbms8L2E+Ljwv cD4NCjwvZGl2Pg0KPC9ib2R5Pg0KPC9odG1sPg==