Screen readers are unable to read text that's been embedded in an image. If there is essential information embedded as text in the image, consider including the essential information in the alt text as well. This ensures that those using screen readers don't miss anything important. However, be cautious of repeating information in both the embedded text and alt text.

University of Illinois at Urbana-Champaign

As a designer you should consider the accessibility of text in and around images because it presents key information about the images.

Captions, Adjacent Text, Embedded Text

Material Design Documentation

Captions are the text that appear below a visual UI asset. They should explain the contextual information of the asset (who, what when, where). Both sighted and screen readers rely on captions. Captions should be used instead of alt text for longer descriptions. Be cautious of repeating the same content in your caption and alt text, this may slow down screen reader users.

Captions

Adjacent text or body text is the text that appears near the image that can explain the  image within a narrative. If the adjacent texts explains the asset then there may not be a need for alt text. To leave alt text empty replace it with (alt="").

Learn Before

Related