Эквивалент тэга Alt в элементе SVG <Image> - PullRequest
Новая
       47

Эквивалент тэга Alt в элементе SVG <Image>

0 голосов
/ 13 апреля 2019

Когда я использую тег <img> HTML, я всегда использую атрибут alt для доступности.

Добавление alt="some text" в элемент SVG <image> не работает?

Как лучше всего предоставить альтернативный текст в этом примере?

Мне нужно использовать элемент SVG <image>, чтобы я не мог принимать альтернативные ответы элемента DOM. 

<svg x="0px" y="0px" viewBox="0 0 910 1295" style="enable-background:new 0 0 910 1295;" xml:space="preserve">
  <image width="910" height="1295" xlink:href="https://i.postimg.cc/43DKn46z/colours.jpg">
  </image>
</svg>

Заранее спасибо за любую помощь.

1 Ответ

3 голосов
/ 13 апреля 2019

Эквивалентом тега alt в SVG является дочерний элемент <desc>. 

<svg x="0px" y="0px" viewBox="0 0 910 1295" style="enable-background:new 0 0 910 1295;" xml:space="preserve">
  <image width="910" height="1295" xlink:href="https://i.postimg.cc/43DKn46z/colours.jpg">
    <desc>Some description of the image</desc>
  </image>
</svg>
...