A11y Pro Tips

Image alt text character limit

There is no limit. Although we need to take UX design into consideration. If a long paragraph is jammed into alt attribute, it is read as one chunk and cannot be navigated by individual sentence, word or character. This is extremely cumbersome for certain screen reader users. If an image needs a lot of explanation, try using caption instead.

<figure>
  <img src="image.jpg" alt="Describe what the image is." width=250 height=250>
  <figcaption>Explain the message of the image.</figcaption>
</figure>

To be continued...