<title> — das zugängliche Namenselement von SVG

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das <title>-Element von SVG bietet eine zugängliche, kurze Textbeschreibung für ein beliebiges SVG-Containerelement oder Grafikelement.

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.

Hinweis: Zur Abwärtskompatibilität mit SVG 1.1 sollten <title>-Elemente das erste Kindelement ihres Elternteils sein.

Beispiel

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

html

<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>

Attribute

Dieses Element beinhaltet nur globale Attribute

Verwendungskontext

Kategorien	Beschreibendes Element
Erlaubter Inhalt	Beliebige Elemente oder Zeichendaten

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # TitleElement

Browser-Kompatibilität

Siehe auch

<desc>