<title> — the SVG accessible name element

The <title> 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.

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

Attributes

This element only includes global attributes

Global attributes

Core Attributes
Most notably: id
Styling Attributes
class, style
Event Attributes
Global event attributes, Document element event attributes

Usage notes

CategoriesDescriptive element
Permitted contentAny elements or character data

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of '<title>' in that specification.
Candidate Recommendation
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of '<title>' in that specification.
Recommendation Initial definition

Browser compatibility

BCD tables only load in the browser

See also