[Webkit-unassigned] [Bug 216364] New: AX: <img> with .svg src breaks accessibility for VoiceOver unless role="img" is added to the img.
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Sep 10 07:35:04 PDT 2020
https://bugs.webkit.org/show_bug.cgi?id=216364
Bug ID: 216364
Summary: AX: <img> with .svg src breaks accessibility for
VoiceOver unless role="img" is added to the img.
Product: WebKit
Version: Safari 13
Hardware: All
OS: All
Status: NEW
Severity: Blocker
Priority: P2
Component: Accessibility
Assignee: webkit-unassigned at lists.webkit.org
Reporter: paul at pauljadam.com
CC: webkit-bug-importer at group.apple.com
Created attachment 408440
--> https://bugs.webkit.org/attachment.cgi?id=408440&action=review
Bad VoiceOver output
Overview:
VoiceOver Accessibility is broken when reading an <img> element that uses a .svg file as the source. VoiceOver will not read the .svg as an image element and it incorrectly reads 114 unlabelled "image" elements that are internal to the .svg file. The only fix is to add role="img" to all <img> elements using .svg src values.
Steps to Reproduce:
1. Open Safari on iOS or macOS and turn on VoiceOver.
2. Visit test case demo at http://pauljadam.com/demos/svg-role-img.html.
3. Navigate via Image navigation with VoiceOver (control + option + command + g).
Expected Results:
VoiceOver moves focus through the 2 image examples reading their alt text and image role.
Actual Results:
VoiceOver movies focus through 114 unlabelled "image" elements in the first example and 1 image with alt text in the second example that uses role="img".
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200910/84e2626a/attachment.htm>
More information about the webkit-unassigned
mailing list