Bug 275222 – AX: Elements with display: contents and content in a shadowroot do not have their content read when referenced by aria-labelledby

• Status: RESOLVED
• Resolution: FIXED
• Component: Accessibility

[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.

[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?

[Tyler Wilcock]

Pull request: https://github.com/WebKit/WebKit/pull/56837

[EWS]

Committed 305918@main (2b263331d69a): <https://commits.webkit.org/305918@main>

Reviewed commits have been landed. Closing PR #56837 and removing active labels.