Bug 299321 – AX: content within a `<details>` element with `display: contents` is not accessible when expanded

• Status: NEW
• Component: Accessibility

[Nathan Knowler]

Created attachment 476830 [details]
Details elements with `display: contents` set

If a `<details>` element has `display: contents` set on it and then it is expanded or collapsed, the content within the `<details>` element is not accessible via VoiceOver (tested on macOS and iOS 26).

Occasionally, either clicking directly on the content or collapsing another `<details>` element will cause the content to be accessible.

This does not happen in other browsers on macOS or using screen readers on other platforms (e.g. NVDA on Windows).

[Radar WebKit Bug Importer]

<rdar://problem/161122150>

[Nathan Knowler]

Forgot to mention that I did test this in the latest tech preview (228) as well.

[Nathan Knowler]

I can confirm this bug in the latest build as well 300339@main. I thought that https://bugs.webkit.org/show_bug.cgi?id=298403 and it’s solution (299601@main) seemed related or at least overlapping, so I wanted to confirm it wasn’t the same issue or one that had been fixed.

[Nathan Knowler]

Created attachment 476831 [details]
Details elements (collapsed and expanded) with `display: contents`

When the `<details>` is initially expanded (i.e. `open` attribute is set) the content is accessible. I’ve updated the reduction to include an example of that.