Component Library

Images of text are used to convey information rather than actual text, but without alternative text descriptions, that content is only available to users with sight.

Images of text display text that is intended to be read. The images of text should be set as actual text exhibits, rather than images, as images need descriptive alt text.

• Images of text should be avoided outside of creative use such as logos. It is good design practice to use actual text that is styled with CSS rather than image-based text presentation (such as quotes).
• Genuine text is much more flexible than images: It can be resized without losing clarity, and background and text colors can be modified to suit the reading preferences of users and a wide range of abilities.
• Images are more likely to distort and pixelate when resized. Any information provided visually must also be presented in the image's alt text.

  https://www.wuhcag.com/images-of-text-no-exception/