Created attachment 345091 [details] PNG image shows the role="img" Related to #145263? When using an image element with an SVG source, the ARIA role img for the <img> element is not set. This leads to VoiceOver announcing the SVG image as a “group” instead of an “image”. It also means that on iOS the image can’t be discovered by touching the screen. An interactive example can be found here: https://codepen.io/yatil/pen/BPKBEw I have attached images demonstrating the problem, too.
Created attachment 345092 [details] SVG image without a matching ARIA role
Adding onto this report: Testing with iOS VoiceOver and Safari (re-verified today with 12.1.4) an <img> that points to a .svg will be completely ignored, even if it is given alt text.
Please assign this bug. As reported, the role outputs as "group" instead of "image" in Voiceover. Tested on Safari (Mac 12.0.2) and Voiceover (Mac 10.14.2).
I've run into this problem often enough that it came up in an accessibility training session. I also verified in iOS Safari + VO 12.1.4
It would be great if this was fixed.
*** Bug 201354 has been marked as a duplicate of this bug. ***
<rdar://problem/55888899>
<rdar://problem/59136057>
I think this has been fixed in Safari Preview. I can reproduce the problem using VoiceOver in Safari, but in Safari Preview VO announces all images as images. In addition, I will attach screenshots of the accessibility subtree shown in the XCode accessibility inspector for Safari and Safari Preview. In Safari the relevant portion of the accessibility tree has four siblings: * Webkit link * Webkit group * Webkit image * Webkit image In Safari Preview, the tree looks like this: * Webkit link (1 child): - WebKit image * Webkit image * WebKit image * Webkit image
Created attachment 422356 [details] Screenshot of accessibility tree from safari preview
Created attachment 422357 [details] Screenshot of accessibility tree from safari
Looks like a duplicate of https://bugs.webkit.org/show_bug.cgi?id=160705