Bug 233645 - VoiceOver does not announce custom element focused with delegatesFocus
Summary: VoiceOver does not announce custom element focused with delegatesFocus
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 15
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-11-30 10:41 PST by Liam DeBeasi
Modified: 2021-11-30 10:42 PST (History)
2 users (show)

See Also:

Attachments
Code reproduction (1.38 KB, text/html)
2021-11-30 10:41 PST, Liam DeBeasi 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Liam DeBeasi 2021-11-30 10:41:51 PST 
Created attachment 445439 [details]
Code reproduction

When focusing a custom element that uses `delegatesFocus`, VoiceOver does not announce the element despite it being focused.

Steps to reproduce:

1. Open attached code reproduction on an iOS device.
2. Enable VoiceOver.
3. Inspect this page in Safari Developer Tools.
4. Run "document.querySelector('app-button').focus()". Observe that VoiceOver does not read the button component even though focus is shifted to it.
5. Run "document.querySelector('button').focus()". Observe that VoiceOver does read the button.
6. Run "document.querySelector('app-button').focus()" again. Observe that VoiceOver reads the button component this time.

Expected Behavior:

I would expect VoiceOver to announce the text of the custom element every time focus moves to it.

Actual Behavior:

VoiceOver only announces the text of the custom element after first focusing something in the light DOM such as a button.

Other Information:

- I can reproduce this on iOS 15.1 as well as the iOS 15.2 developer beta.
- This issue does not reproduce on Safari for macOS.
- This issue does not reproduce in Chrome.
Comment 1 Radar WebKit Bug Importer 2021-11-30 10:42:15 PST 
<rdar://problem/85873650>