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