Bug 236291 - AX: SVG with role=tree: aria-label dropped on iOS
Summary: AX: SVG with role=tree: aria-label dropped on iOS
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-08 02:02 PST by Peter Krautzberger
Modified: 2022-02-08 02:07 PST (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Peter Krautzberger 2022-02-08 02:02:53 PST 
Minimal test case: https://codepen.io/pkra/pen/abVpaBr

On VoiceOver (iOS 15.3), using read-all (two-finger swipe up) or by item (swipe right/left), VO voices "image" (i.e., wrong role and missing accessible name). 

It seems like Safari is not exposing the SVG's role and name correctly.

For comparison, the test case includes wrapping the SVG in a span and using the span as a tree root; this gives the same result in read-all ("image") but by item VO voices "circular tree, image, tree start" (which is a different kind of weird but looks more like a VO issue).

On MacOS Safari 15.3 the SVG is treated as a tree and its name is read correctly by VO. (Similarly on other OSs / ATs)
Comment 1 Radar WebKit Bug Importer 2022-02-08 02:03:05 PST 
<rdar://problem/88619214>
Comment 2 Peter Krautzberger 2022-02-08 02:07:25 PST 
FWIW, I'm quite certain this used to work - but I don't have any devices with older iOS / Safari versions around.