<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: <img> elements with an SVG src are ignored by VO despite valid alt attribute"
href="https://bugs.webkit.org/show_bug.cgi?id=145263#c7">Comment # 7</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: <img> elements with an SVG src are ignored by VO despite valid alt attribute"
href="https://bugs.webkit.org/show_bug.cgi?id=145263">bug 145263</a>
from <span class="vcard"><a class="email" href="mailto:jcraig@apple.com" title="James Craig <jcraig@apple.com>"> <span class="fn">James Craig</span></a>
</span></b>
<pre>I'm not entirely convinced this is a bug. Here's a summary of the issues at play.
1. By default, we expose SVG images as an AXGroup so that VoiceOver can navigate the descendants of accessible SVG images. (This is something of a workaround because VO on macOS assumes AXImages are leaf nodes. e.g. It assumes they contain no accessible descendants and does not interact with them. Existing VOenhancement request is pending.)
2. On these accessible SVG DOM trees, you can specify the title in contents of the SVG image, which should be spoken by VoiceOver.
3. Regardless of the role, you should be able to use the @aria-label attribute to specify the label.
4. If you use an explicit role="img" (as noted by Patrick Lauke), WebKit will expose the @alt value, but flattens the sub-DOM tree, thereby making the contents of the image non-navigable.
I think #2, #3, and #4 represent reasonable workarounds in the short term, if the authors desire is to prevent access to the sub-DOM.
If the bug report is that @alt should be used instead of the title of the src SVG, I'm not convinced it's the right thing to do, and I request more explanation.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>