<title> — das SVG-Element für den zugänglichen Namen

Das <title> SVG-Element bietet eine zugängliche Kurzbeschreibung für jedes SVG-Container-Element oder Grafik-Element.

Der Text in einem <title>-Element wird nicht als Teil der Grafik gerendert, aber Browser zeigen ihn normalerweise als Tooltip an. Wenn ein Element durch sichtbaren Text beschrieben werden kann, wird empfohlen, diesen Text mit einem aria-labelledby-Attribut zu referenzieren, anstatt das <title>-Element zu verwenden.

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4">
    <title>I'm a circle</title>
  </circle>

  <rect x="11" y="1" width="8" height="8">
    <title>I'm a square</title>
  </rect>
</svg>