[Webkit-unassigned] [Bug 265989] New: AX: Button label is not announced when inside shadowDOM

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=265989

            Bug ID: 265989
           Summary: AX: Button label is not announced when inside
                    shadowDOM
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 14
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: istvantutto at gmail.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

When a button's label is provided via a slot that has a `display` style assigned to it, Safari will ignore the slotted content and announce the button without the label.

Demo:
https://codepen.io/istutto/pen/ZEwwzmv

How to reproduce:

For simplicity, I bypass the custom element definition (see demo above for full example).

Load a page with the following DOM:

<button-label-fail>
  <template shadowrootmode="open">
    <button><slot style="display: inline"></slot></button>
  </template>
  Test label
</button-label-fail>



Use the inspector of the developer tools on the `button` inside the shadowDOM and not how the button's label is not associated. This is even more obvious when using VoiceOver, as it will only announce `button` when focused.


---


This setup used to work in previous Safari releases (early v17 and before). We own and maintain a design system that provides components for millions of visitors daily. There have been many slot-related bugs in Safari recently, but this is the most severe regression I've seen for a while.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20231207/4c5d0b58/attachment.htm>