Html Safari VoiceOver SVG在`<；svg/>；`作为单独的图像

我有一个

元素，当我在Safari中使用VoiceOver导航到它时，VO会显示6个不同的图像，而不是一个。Chrome工作正常，该元素以“未标记图像”的形式发布：

马科斯莫哈韦10.14.6 Safari 13.0.5

（特别是策略#5），

标签要求将

角色

属性设置为

img

。我不是100%确定这是正确的解决方案，但添加

role=“img”

确实解决了我的问题

    <svg 
      aria-labelledby="imageLabel-10"
      class="..."
      role="img" <!-- this was the missing attribute -->
      viewBox="..."
    >
    ...
    </svg>

viewBox=“…”
...

    <svg 
      aria-labelledby="imageLabel-10"
      class="..."
      role="img" <!-- this was the missing attribute -->
      viewBox="..."
    >
    ...
    </svg>