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

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> SVG Element bietet eine zugängliche, kurztextliche Beschreibung eines SVG-Container-Elements oder eines Grafik-Elements.

Text in einem <title> Element wird nicht als Teil der Grafik dargestellt, 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: Aus Gründen der Abwärtskompatibilität mit SVG 1.1 sollten <title> Elemente das erste Kindelement ihres übergeordneten Elements 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 enthält nur globale Attribute.

Verwendungskontext

Kategorien	Beschreibendes Element
Erlaubter Inhalt	Beliebige Elemente oder Zeichendaten

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # TitleElement

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

<desc>