244221 2022-08-22 14:32:35 -0700 AX: SVG symbols in <img src> included in VoiceOver Images web rotor 2026-02-24 09:21:05 -0800 1 1 1 Unclassified WebKit Accessibility Safari Technology Preview All All RESOLVED FIXED InRadar P2 Normal --- 1 webkit.org tyler_w andresg_22 webkit-bug-importer oldest_to_newest 1893063 0 webkit.org 2022-08-22 14:32:35 -0700 If an <img> element has an SVG as its source (linked file or `data` encoded) and that SVG contains <use> elements that reference a <symbol> element, VoiceOver's Images web rotor includes each one as an unnamed image in addition to the <img> element with whatever name. For example, if an <img> element with alt="Boxes" has an SVG that uses two <use> elements to make the same <symbol> appear twice, the web rotor's list of images would be: * Boxes image * image * image As each unnamed image is selected in the rotor, VoiceOver's cursor outline appears around the <use> element. It does not appear possible to navigate into the SVG from the page, they're only accessed through the rotor. Adding role="img" to the <img> element has no effect. Examples: https://codepen.io/ccwilcox/full/VwXRBLN This was tested using Safari 15.6.1 and Safari Technology Preview Release 151 on macOS 12.5.1. Inspecting the SVG, each <use> element contains Shadow Content which is an <svg> containing the referenced <symbol> element's contents. Adding role="none" to a <use> element prevents it from appearing in the rotor, adding role='none' to either the <symbol> or the <path> within has no effect. Adding aria-label="one box" to a <use> element adds it to the web rotor list but the Shadow <svg> within is still also included as an unnamed image. For comparison, only the <img> element appears in the web rotor when VoiceOver is used with Chrome (104) or Firefox (103.0.2). 1893064 1 webkit-bug-importer 2022-08-22 14:32:45 -0700 <rdar://problem/98999595> 2180122 2 webkit.org 2026-02-10 18:31:59 -0800 In Safari 26.2 on macOS 15.7.3, adding role="img" to the <img> element does prevent the <use> elements from being in the VoiceOver reading order and Images Rotor. 2181294 3 tyler_w 2026-02-13 07:51:43 -0800 Pull request: https://github.com/WebKit/WebKit/pull/58627 2184437 4 ews-feeder 2026-02-24 09:21:02 -0800 Committed 308126@main (60d5c002f82a): <https://commits.webkit.org/308126@main> Reviewed commits have been landed. Closing PR #58627 and removing active labels.