Bug 248654

Summary:	Accessibility focus stuck in status bar in PWA
Product:	WebKit	Reporter:	mplutka
Component:	Accessibility	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Major	CC:	andresg_22, webkit-bug-importer
Priority:	P3	Keywords:	InRadar
Version:	Safari 16
Hardware:	iPhone / iPad
OS:	iOS 16

Description mplutka 2022-12-02 02:04:09 PST

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.

Comment 1 Radar WebKit Bug Importer 2022-12-02 02:04:19 PST

<rdar://problem/102897457>

Comment 2 mplutka 2022-12-02 02:11:40 PST

Problem also encountered on iPhone X running iOS 16.

Comment 3 mplutka 2023-03-10 00:48:57 PST

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.

Comment 4 mplutka 2023-06-09 01:19:11 PDT

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"