W3cubDocs

/SVG

<title> — the SVG accessible name 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⁩.

The <title> SVG element provides an accessible, short-text description of any SVG container element or graphics element.

Text in a <title> element is not rendered as part of the graphic, but browsers usually display it as a tooltip. If an element can be described by visible text, it is recommended to reference that text with an aria-labelledby attribute rather than using the <title> element.

Note: For backward compatibility with SVG 1.1, <title> elements should be the first child element of their parent.

Usage context

Categories	Descriptive element
Permitted content	Any elements or character data

Attributes

This element only includes global attributes.

DOM Interface

This element implements the SVGTitleElement interface.

Example

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

Specifications

Specification
Scalable Vector Graphics (SVG) 2> # TitleElement>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`title`	1	12	1.5	8	3	18	4	14	3	1.0	3	3
`tooltip_display`	1	79	4	15	3	18	4	14	3	1.0	4.4	3