[Webkit-unassigned] [Bug 266804] New: AX: Slotted accessible name affected by CSS flex display

[bugzilla-daemon at webkit.org]

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

            Bug ID: 266804
           Summary: AX: Slotted accessible name affected by CSS flex
                    display
           Product: WebKit
           Version: Safari 17
          Hardware: iPhone / iPad
                OS: iOS 17
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: steverep+webkit at gmail.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

Created attachment 469169

  --> https://bugs.webkit.org/attachment.cgi?id=469169&action=review

Repro with block vs flex buttons in shadow vs light DOM

For ARIA roles such as buttons with slotted labels, the accessible name is affected by CSS `display: flex`.  See attached minimal reproduction.  VoiceOver reads the buttons with `display: block` correctly, but only reads the button for `display: flex` when it is in the light DOM.  The accessible name is missing when inside a shadow root.

This is a regression in Safari 17.  It has contributed to breaking accessibility for several components in Home Assistant (https://www.home-assistant.io).

-- 
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/20231222/5a633d57/attachment.htm>