| Summary: | AX: Accessible name in shadow slot fails in shadow DOM | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Steve Repsher <steverep+webkit> | ||||
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED DUPLICATE | ||||||
| Severity: | Critical | CC: | andresg_22, tyler_w, webkit-bug-importer | ||||
| Priority: | P1 | Keywords: | HasReduction, InRadar, Regression | ||||
| Version: | Safari 17 | ||||||
| Hardware: | iPhone / iPad | ||||||
| OS: | iOS 17 | ||||||
| See Also: | https://github.com/home-assistant/frontend/issues/18759 | ||||||
| Attachments: |
|
||||||
*** This bug has been marked as a duplicate of bug 266916 *** |
Created attachment 469163 [details] Button with component label in and out of shadow An accessible name slotted into a child component of a simple button (or any other ARIA role) fails to be read by VoiceOver. This only occurs when the role is also in a shadow root, i.e. the same code works in the light DOM. Please see attached very minimal reproduction. This is a major regression in Safari 17 as it can break labels for even very simple components.