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 | ||
mplutka
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/102897457>
mplutka
Problem also encountered on iPhone X running iOS 16.
mplutka
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.
mplutka
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"