[Webkit-unassigned] [Bug 277378] New: AX: [iOS] [VoiceOver] [Safari] VoiceOver on iOS calls <a> tag nested elements as Links

[bugzilla-daemon at webkit.org]

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

            Bug ID: 277378
           Summary: AX: [iOS] [VoiceOver] [Safari] VoiceOver on iOS calls
                    <a> tag nested elements as Links
           Product: WebKit
           Version: Safari 17
          Hardware: iPhone / iPad
                OS: iOS 17
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: michouxb at amazon.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

Given the following code: 

```
<a href="#test">
  <h3>Sample text</h3>
  <p>Something</p>
  <img alt="Placeholder image" src="https://place-hold.it/300x500"/>
  <p>Footer</p>
</a>
```

Accessible here: https://codepen.io/benjaminmichoux/pen/abgpBxb

VoiceOver on macOS announces it right:
"Link, heading level 3, Sample text, Something, Placeholder image, Footer" 

And I can navigate to each of these elements hearing their proper roles "Heading level 3, Sample text" or "Something", etc. 

VoiceOver on iOS announces it wrong. First, when using the rotor, it thinks 3 links exists. Second, I am not able to focus on the link when navigating by swipe. And when I navigate to each individual elements, it says "Heading level 3, Sample text, link", "Something, link", "Placeholder image, link", "Footer, link".

The accessibility tree in browsers also indicate that it should be how macOS is announcing it.

-- 
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/20240730/0973028c/attachment.htm>