Bug 275222
| Summary: | AX: Elements with display: contents and content in a shadowroot do not have their content read when referenced by aria-labelledby | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Konnor Rogers <konnor5456> |
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | andresg_22, karlcow, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 17 | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | iOS 17 | ||
Konnor Rogers
When an element with `display: contents;` has content in it's shadow root and is referenced by an `aria-labelledby` on another element, its content will not get read when using VoiceOver + Safari.
The contents will get read when using VoiceOver + Firefox / Chrome
Browsers tested:
Firefox: 126.0.1
Chrome: 125.0.6
Safari: 17.5
MacOS Version: Sonoma 14.5
Codepen Reproduction: https://codepen.io/paramagicdev/pen/xxNrQXp
Video of VoiceOver across browsers: https://cdn.masto.host/rubysocial/media_attachments/files/112/571/647/196/358/910/original/695d0d065393ce7f.mp4
Additional notes:
I do believe in my testing `aria-describedby` also suffered the same issue.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/129361833>
Karl Dubost
There is a number of similar bug https://bugs.webkit.org/buglist.cgi?quicksearch=aria-describedby
Konnor Rogers
(In reply to Karl Dubost from comment #2)
> There is a number of similar bug
> https://bugs.webkit.org/buglist.cgi?quicksearch=aria-describedby
None of the bugs there have anything to do with using aria-describedby with display: contents on the host of a shadow root.
Konnor Rogers
At least not from my browsing...maybe I missed it?