266789 2023-12-21 13:59:46 -0800 AX: Accessible name in shadow slot fails in shadow DOM 2023-12-29 12:20:07 -0800 1 1 1 Unclassified WebKit Accessibility Safari 17 iPhone / iPad iOS 17 RESOLVED DUPLICATE 266916 https://github.com/home-assistant/frontend/issues/18759 HasReduction, InRadar, Regression P1 Critical --- 1 steverep+webkit webkit-unassigned andresg_22 tyler_w webkit-bug-importer oldest_to_newest 2001442 0 469163 steverep+webkit 2023-12-21 13:59:46 -0800 Created attachment 469163 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. 2001443 1 webkit-bug-importer 2023-12-21 13:59:54 -0800 <rdar://problem/120012037> 2002247 2 tyler_w 2023-12-29 12:20:07 -0800 *** This bug has been marked as a duplicate of bug 266916 *** 469163 2023-12-21 13:59:46 -0800 2023-12-21 13:59:46 -0800 Button with component label in and out of shadow voiceover-slotted-label-in-shadow.html text/html 969 steverep+webkit PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDx0aXRsZT5Ib21l PC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEgbmFtZT0idmll d3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xIiAvPgog IDwvaGVhZD4KICA8Ym9keT4KICAgIDxwPkJ1dHRvbiB3aXRoIHNpbXBsZSBjb21wb25lbnQgbGFi ZWwgZG9lcyBub3Qgd29yazo8L3A+CiAgICA8bXktc2ltcGxlPjwvbXktc2ltcGxlPgogICAgPHA+ U2FtZSBjb2RlIGluIGxpZ2h0IERPTSB3b3Jrczo8L3A+CiAgICA8YnV0dG9uPjxteS1zcGFuPnRl c3Q8L215LXNwYW4+PC9idXR0b24+CiAgICA8c2NyaXB0PgogICAgICBjbGFzcyBNeVNpbXBsZSBl eHRlbmRzIEhUTUxFbGVtZW50IHsKICAgICAgICBjb25zdHJ1Y3RvcigpIHsKICAgICAgICAgIHN1 cGVyKCk7CiAgICAgICAgICBjb25zdCByb290ID0gdGhpcy5hdHRhY2hTaGFkb3coeyBtb2RlOiAi b3BlbiIgfSk7CiAgICAgICAgICByb290LmlubmVySFRNTCA9IGAgICAgICA8YnV0dG9uPjxteS1z cGFuPnRlc3Q8L215LXNwYW4+PC9idXR0b24+YDsKICAgICAgICB9CiAgICAgIH0KICAgICAgY3Vz dG9tRWxlbWVudHMuZGVmaW5lKCJteS1zaW1wbGUiLCBNeVNpbXBsZSk7CiAgICAgIGNsYXNzIE15 U3BhbiBleHRlbmRzIEhUTUxFbGVtZW50IHsKICAgICAgICBjb25zdHJ1Y3RvcigpIHsKICAgICAg ICAgIHN1cGVyKCk7CiAgICAgICAgICBjb25zdCByb290ID0gdGhpcy5hdHRhY2hTaGFkb3coeyBt b2RlOiAib3BlbiIgfSk7CiAgICAgICAgICByb290LmlubmVySFRNTCA9IGA8c3Bhbj48c2xvdD48 L3Nsb3Q+PC9zcGFuPmA7CiAgICAgICAgfQogICAgICB9CiAgICAgIGN1c3RvbUVsZW1lbnRzLmRl ZmluZSgibXktc3BhbiIsIE15U3Bhbik7CiAgICA8L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4K