<title> — das SVG-Zugänglichkeitsnamens-Element

Baseline Widely available

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

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

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 Rückwärtskompatibilität mit SVG 1.1 sollten <title> Elemente das erste Kindelement ihres Elternteils sein.

Verwendungskontext

KategorienBeschreibendes Element
Erlaubter InhaltBeliebige Elemente oder Zeichendaten

Attribute

Dieses Element beinhaltet nur globale Attribute.

DOM-Schnittstelle

Dieses Element implementiert die SVGTitleElement Schnittstelle.

Beispiel

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>

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# TitleElement

Browser-Kompatibilität

Siehe auch