[wp-trac] [WordPress Trac] #38338: Twenty Sixteen: Skip To Content Link Not Working on iPhone

[WordPress Trac]

#38338: Twenty Sixteen: Skip To Content Link Not Working on iPhone
---------------------------+-----------------------------
 Reporter:  alexstine      |       Owner:  davidakennedy
     Type:  defect (bug)   |      Status:  reopened
 Priority:  normal         |   Milestone:  Future Release
Component:  Bundled Theme  |     Version:
 Severity:  major          |  Resolution:
 Keywords:  needs-testing  |     Focuses:  accessibility
---------------------------+-----------------------------
Changes (by afercia):

 * milestone:  Awaiting Review => Future Release


Comment:

 To recap the information provided by the article @GrahamArmfield linked
 to:

 there are bugs reported against both WebKit for iOS and Android:
 - iOS bug report (on the WebKit bug tracker):
 https://bugs.webkit.org/show_bug.cgi?id=179011
 - Android bug report (fixed then reverted):
 https://bugs.chromium.org/p/chromium/issues/detail?id=657157

 The fact on some sites the skip link works might be related to the usage
 of the `tabindex="-1"` fix, as suggested in the axesslab.com article.
 However, seems things are a bit more complicated:

 - Twenty Sixteen uses a few lines of JavaScript to add `tabindex="-1"` to
 the skip link target
 - Twenty Seventeen and Nineteen use the same JavaScript but only for
 Internet Explorer, as the original WebKit bug was solved, at least on
 desktop

 The fact this bug seems to happen on both Twenty Sixteen and Twenty
 Seventeen suggests it happens regardless of the `tabindex="-1"` fix. Worth
 also noting that using `tabindex="-1"` on a non-interactive element like a
 `div` has undesirable consequences for Internet Explorer and JAWS, see
 [44639].

 Moving to Future Release, as seems this issue needs some research and
 investigation.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/38338#comment:24>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform