SVG/Element/title

Das title-Element gibt eine Beschreibung des Elternelements. title wird nicht als Teil der graphischen Darstellung gerendert, erscheint in der Regel jedoch bei :hover als Tooltipp.
Wichtiger ist die Bedeutung des Elements als Teil des zugänglichen Namens, der Nutzern von Screenreadern als textliche Alternative ausgegeben wird.
Weil Browser dieses Element nicht ausgeben müssen und Tooltipps von Nutzern oft unbemerkt bleiben, sollten Beschreibungen, möglichst mit sichtbarem Text vorgenommen werden. Mit aria-labelledby lässt sich dieser für assistive Technologien referenzieren.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:
svg, alle Gruppierungselemente, Grafikobjekte

erlaubte Inhalte

Zeichenkette

Beispiel

<svg> <title>Verständnis von Webtechniken</title> ... <rect x="20" y="20" width="100" height="20" fill="green"> <title>Selfhtml-Leser: 50%</title> </rect> <rect x="20" y="50" width="50" height="20" fill="red"> <title>Buch-Leser: 50%</title> </rect> ... </svg>

Beachten Sie: Das title-Element sollte aus Gründen der Abwärtskompatibilität mit SVG 1.1 das erste Kind des Elternelements sein.
In SVG ist es anders als in HTML möglich und erlaubt, mehrere title-Elemente zu verwenden.
Auch bei einer Einbindung in HTML ist neben dem HTML-title-Element ein weiteres SVG-title-Element im Inline-SVG zulässig.

Empfehlung: Verwenden Sie Beschreibungen, um Ihre Webseite zugänglicher für Screenreader zu machen.

Siehe auch

• barrierefreie SVGs

Weblinks

• W3C: DescriptionAndTitleElements