When including text content in images, use text elements so that the prose is available to
assistive technologies. When distorting and changing the appearance of text, using text
elements ensures the prose can be made available to anyone who cannot decipher the alterations.
The SVG font element can also be used to create custom fonts to avoid drawing text into the
image.
If the title of a component is also used as text within the component, the tref
element can be used to reference the prose instead of creating a new text node.
The W3C Accessibility Features of SVG includes the following reference examples:
The source of the The Bifter comics can also be reviewed for examples of accessible text.