Accessibility for Developers

Avoid putting text in images. If there is text in images, ensure you have a text based alternative.

Screen readers will not be able to read the content of text within a JPG or PNG image.

If an image contains text (such as a scan of a document) you should provide a text based version of the photo - as alt text or other text elsewhere on the page.

WCAG guidelines

Success Criterion 1.4.5 Images of Text (Level AA):

https://www.w3.org/WAI/WCAG21/Understanding/images-of-text

Success Criterion 1.4.5 Images of Text (Level AA): If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following:

Customizable The image of text can be visually customized to the user’s requirements;

Essential A particular presentation of text is essential to the information being conveyed.

Logotypes (text that is part of a logo or brand name) are considered essential.

Success Criterion 1.4.9 Images of Text (No Exception) (Level AAA):

https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception

Success Criterion 1.4.9 Images of Text (No Exception) (Level AAA): Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.

Logotypes (text that is part of a logo or brand name) are considered essential.