我有一个<svg />
元素,当我使用VoiceOver在Safari中导航到该元素时,VO宣布6张不同的图像,而不是一张。 Chrome可以正常运行,并且该元素会以“未标记的图像”形式宣布:
<svg aria-labelledby="imageLabel-10" class="foo" viewBox="0 -60 577 586">
<title id="sometitle-10"></title>
<defs>
<polygon id="someid" points="1 2 3">
</polygon>
<path d="M.123" id="someOtherId">
</path>
<mask fill="white" id="oneMoreId">
<use xlink:href="#someHred">
</use>
</mask>
</defs>
<g fill="none" fill-rule="evenodd">
<g style="transform: translateY(-22.0061px); transform-origin: 396.328px 301.186px;">
<path d="M225" fill="#F75647" fill-rule="nonzero" transform="translate(0, 0)">
</path>
</g>
<g mask="url(#someHref)">
<image height="461" transform="scale(1.1)" width="693" x="60" xlink:href="//cuteCDNPath.jpg" y="-10" style="transform: scale(1.05339); transform-origin: 286.5px 220.5px;">
</image>
<use fill="#000" fill-opacity="0.01" xlink:href="#someOtherHref" style="mix-blend-mode: multiply;">
</use>
</g>
</g>
</svg>
macOS Mojave 10.14.6Safari 13.0.5