An SVG <title> element supplies a concise text title for a graphic or graphical element, helping screen readers and other user agents identify its purpose. section 10.2.3
Place <title> directly inside the SVG, give it an id, and reference that id through aria-labelledby. Pair it with role="img" and a <desc> element for fuller context. section 10.3
Accessible scatterplot title
A D3.js scatterplot can use the title “Visualization of a collection of cetacean species,” while its associated description supplies additional information. The same pattern labels legends, such as “Legend for the area of the circles.”
