[Webkit-unassigned] [Bug 163658] New: AX: link to container with fragment identifier that has tabindex results in container not being read and ignored by VoiceOver
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Oct 19 03:05:03 PDT 2016
https://bugs.webkit.org/show_bug.cgi?id=163658
Bug ID: 163658
Summary: AX: link to container with fragment identifier that
has tabindex results in container not being read and
ignored by VoiceOver
Classification: Unclassified
Product: WebKit
Version: Safari 10
Hardware: iPhone / iPad
OS: iOS 10
Status: NEW
Severity: Normal
Priority: P2
Component: Accessibility
Assignee: webkit-unassigned at lists.webkit.org
Reporter: redux at splintered.co.uk
CC: webkit-bug-importer at group.apple.com
Created attachment 292058
--> https://bugs.webkit.org/attachment.cgi?id=292058&action=review
Test case
Due to focus management issues in some browsers, one common approach for skip links is to link to a container with an id that also has an explicit tabindex attribute, making it focusable.
<a href="#content">Skip to main content</a>
...
<div id="content" tabindex="-1">...</div>
However, it seems that this sort of (fairly common) skip link pattern breaks in iOS10/VoiceOver/Safari. Specifically, it seems that if the target container has a tabindex attribute, VoiceOver does move the accessibility focus to the container, but announces nothing. But more worryingly, it then seems to ignore that entire target container - swiping left/right simply jumps over that container as if it wasn't in the document at all (though if you swipe long enough to get into the Safari UI and back, it seems to usually sort itself out again).
This is making fairly common skip links (for instance, those used in Bootstrap-based sites, if they follow the advice given in the BS documentation) completely unusable.
See attached test case and the video at https://www.youtube.com/watch?v=JUlSav9Nm_4 (the first skip link works, but the other two skip links - to a <div id="..." tabindex="0"> and <div id="..." tabindex="-1"> - exhibit this broken behavior)
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161019/c0370141/attachment.html>
More information about the webkit-unassigned
mailing list