Support » Accessibility » What are the images of text

Viewing 2 replies - 1 through 2 (of 2 total)
  • If the user is unable to read or has a deficiency that proves troublesome they need an alternate way to understand what that image is of. The context in which an image will be used should help determine what how you can help the user understand the image.

    • Images with a small amount of text can utilize the alt attribute in an image tag
    • Images with larger amounts of text may require a long description or caption can provide a better alternative than trying to stuff all of that content into an alt tag.
    • Decorate images such as icons can utilize an empty alt attribute if they are not crucial to the content.
    • In some cases you may even need to link to a longer description to provide context.

    The options listed above also provide a way for a screen reader to read that content.

    Here are a few references for accessibility in imagery. I feel they do a decent job explaining what to look for while also providing examples.

    Accessible Image Techniques
    Deeper Dive into the Alt Attribute
    WordPress Image Meta Reference

    Here is an example figure with a caption.

      <img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
      <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>

    Hope this helps.

    • This reply was modified 2 months, 2 weeks ago by  Mike England.

    Thank you so much for the help @mikeengland.
    Have a nice day!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.