| Summary: | AX: Voiceover cannot navigate to the pop-up context menu | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Haowen <chenhaowen0116> | ||||
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | andresg_22, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 16 | ||||||
| Hardware: | iPhone / iPad | ||||||
| OS: | iOS 16 | ||||||
| Attachments: |
|
||||||
To Reproduce Steps to reproduce the behavior: 1. Focus on a content editable Div and type some words on iOS 2. Turn on VoiceOVer 3. Double tap and hold for a while, then the context menu will pop up 4. Swipe right to focus on the menu item |
Created attachment 467394 [details] The recording where the voice over doesn't work as expected For accessibility users, when voiceover is on, they can double tap and hold to call out the context menu. Then when they swipe right, the focus should move to the context menu. But currently it doesn't work in WebKit/Safari. It works well in native app like notes. I tried two demos. The first one only contains an editable div <html> <body> <h1>Content Editable Div</h1> <div contenteditable="true" style="min-height: 500px; border: 1px solid gray; padding: 3px" > <p>Some text here</p> </div> </body> </html> Then it works as expected. But when I add a button after the div, it's broken. <html> <body> <h1>Content Editable Div</h1> <div contenteditable="true" style="min-height: 500px; border: 1px solid gray; padding: 3px" > <p>Some text here</p> </div> <button>test</button> </body> </html>