<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 bietet eine zugängliche Kurzbeschreibung für ein SVG-Containerelement oder Grafikelement.

Der Text in einem <title>-Element wird nicht als Teil der Grafik gerendert, jedoch zeigen Browser 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 als erstes Kind ihrer Eltern-Elemente eingefügt werden.

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 umfasst nur globale Attribute.

Nutzungskontext

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>