Bug 251951 - VoiceOver reads radio and checkbox labels twice if rendered before the control
Summary: VoiceOver reads radio and checkbox labels twice if rendered before the control
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 16
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-02-08 14:36 PST by Liam DeBeasi
Modified: 2023-02-08 14:37 PST (History)
2 users (show)

See Also:

Attachments
Code reproduction (662 bytes, text/html)
2023-02-08 14:36 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 2023-02-08 14:36:57 PST 
Created attachment 464912 [details]
Code reproduction

VoiceOver on iOS announces labels twice with radios and checkboxes when the visible label is placed before the control. This issue does not reproduce if the visible label is placed after the control.

Steps to reproduce:

1. Open code reproduction on iOS.
2. Turn VoiceOver on.
3. Swipe right to move focus to the first checkbox. Observe that only the "Label before checkbox" label is highlighted and read.
4. Swipe right again. Observe that the checkbox and the label are highlighted and read.
5. Swipe right again. Observe that the next checkbox and the label are highlighted and read. The label is never highlighted separately from the control when swiping.

Other Information:

- I can reproduce this on iOS 15 and 16.
- This issue does not reproduce on Chrome for Android
Comment 1 Radar WebKit Bug Importer 2023-02-08 14:37:11 PST 
<rdar://problem/105193072>