[Webkit-unassigned] [Bug 193427] New: AX: VoiceOver won't read a focused tabindexed element with children in Mobile Safari

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=193427

            Bug ID: 193427
           Summary: AX: VoiceOver won't read a focused tabindexed element
                    with children in Mobile Safari
           Product: WebKit
           Version: Safari 12
          Hardware: iPhone / iPad
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: iamjohnnywang+lifestyle at gmail.com
                CC: webkit-bug-importer at group.apple.com

I've added code that calls focus() on the header of a page whenever a new page loads. This works great on desktop, and gets read out correctly by a screenreader, but completely fails with VoiceOver in mobile Safari.

I discovered that it seems to fail when trying to focus on an element (that is normally not-focusable) with children.

Example code:
<div id="header1" tabindex="-1">Hello world</div>
<div id="header2" tabindex="-1">Goodbye <span>cruel cruel</span> world</div>

Expected Behavior:
With VoiceOver on, running document.getElementById('header1').focus() will read the first header. Running document.getElementById('header2').focus() will read the second.

Actual Behavior:
The first header is read as expected, but the second is not. Even adding a role="text" will not allow the header to be read.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190115/4d64b0fa/attachment.html>