Bug 240656

Summary: AX: VoiceOver skips button when SVG has no img role
Product: WebKit Reporter: Stephen Tang <mr.stephentang>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: andresg_22, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Mac (Apple Silicon)   
OS: iOS 15   

Description Stephen Tang 2022-05-19 08:44:06 PDT 
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.
Comment 1 Radar WebKit Bug Importer 2022-05-19 08:44:13 PDT 
<rdar://problem/93579285>