| Summary: | VoiceOver reads radio and checkbox labels twice if rendered before the control | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Liam DeBeasi <ldebeasi> | ||||
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | andresg_22, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 16 | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Attachments: |
|
||||||
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