Bug 240656

Summary:	AX: VoiceOver skips button when SVG has no img role
Product:	WebKit	Reporter:	Stephen Tang <mr.stephentang>
Component:	Accessibility	Assignee:	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

Stephen Tang

Reported 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.

Attachments
Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2022-05-19 08:44:13 PDT

<rdar://problem/93579285>

Note You need to log in before you can comment on or make changes to this bug.