When using VoiceOver on an PWA on iPhone 14 Pro (iOS 16.1.2) the focus remains on status bar items (battery, time etc.) and can't be moved to the contents of the page not even by clicking on them. Same PWAs work great on other devices like iPads with iPadOS 16.
<rdar://problem/102897457>
Problem also encountered on iPhone X running iOS 16.
One main USP of our PWA is accessibility, so this bug is quite severe for us. Did a minimal example with just a headline and installed it on homescreen: **** <!DOCTYPE html> <html lang="de"> <head> <title>Voiceover</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <meta name="apple-mobile-web-app-title" content="Voiceover"/> <meta name="apple-mobile-web-app-capable" content="yes" /> </head> <body> <h1>Headline</h1> </body> </html> *** Bug still occurs if I enable VoiceOver inside the PWA. Accessibility focus is only available for items in the status bar. If I open the PWA from the homescreen with voiceover already enabled, the accessibility focus can be set on the headline and other html elements inside the PWA.
Retestet with iPadOS 17, still not working. What I noted recently: In the working scenario (upon entering the PWA with VoiceOver activated), VoiceOver reads out "webpage loaded". In the non working scenario (upon activating VoiceOver inside the PWA), VoiceOver reads out "webp" only and suddenly jumps to "orientation landscape, charging port right"