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
Note: For backward compatibility with SVG 1.1,
title elements should be the first child element of their parent.
This element only includes global attributes
Usually, this element is create with:
const title = parentElement.add('title')
It's possible create as a disconnected element with
gySVG('title') and attach it to the SVG document with
- Parent elements: a | animate | animateMotion | animateTransform | circle | clipPath | defs | discard | ellipse | feDiffuseLighting | feSpecularLighting | filter | g | image | line | linearGradient | marker | mask | mpath | path | pattern | polygon | polyline | radialGradient | rect | set | svg | switch | symbol | text | textPath | tspan | use | view.