[Webkit-unassigned] [Bug 240656] New: AX: VoiceOver skips button when SVG has no img role

[bugzilla-daemon at webkit.org]

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

            Bug ID: 240656
           Summary: AX: VoiceOver skips button when SVG has no img role
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Apple Silicon)
                OS: iOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mr.stephentang at gmail.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

When a button has a SVG image within without role img, VoiceOver on MacOS do not include the button in the reading order (using Arrow keys).

The button can only be focused using Tab key.

In order to resolve this, the SVG needs to be given a role img. 

<button aria-label="test label">
  <svg focusable="false" aria-hidden="true" role="img">...</svg>
</button>

Otherwise, the button can only be focused using Tab key and not when reading the page using Arrow keys.

-- 
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/20220519/5ae91a2c/attachment.htm>