Create Accessible Text Descriptions for Images
When images are present in Web content, we must provide meaningful alternative text description so that users of screen readers can have the image described to them. Also, we must provide ways for screen readers to ignore images that are used for decoration.
Back to Accessibility Checklist
Incorrect usage of alternative text
Correct usage of alternative text
Best Practice
Feedback from users that rely on alternative text descriptions ask us to keep the descriptions short and concise. Ideally, keep alt text under 140 characters (with spaces). Also, do not use the word “graphic or image” in description as the screen reader will announce "Graphic" and then read aloud the description you have entered.
Test
Use this image bookmarklet or automated testing tool like WAVE to discover images on a page.
- Do images have alternative text?
- Does the alternative text accurately reflect the image content?
Exceptions
Decorative images can be set with to null by setting <alt=“”>