Accessible Publishing Knowledge Base

Text Content

Summary

...

Techniques

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.

Examples

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.

References