Skip to main content

image-alt

Verify that <img> elements contain alternate text or have a role of either none or presentation.

Severity: Critical

Description

Provide descriptive text for all images to communicate their purpose and meaning effectively to users of screen readers.

Why is it important?

Images require concise, descriptive alt text for screen readers to convey content effectively. Without suitable digital text alternatives, visual information becomes inaccessible for users with varying abilities, such as those with low vision or color-blindness. Providing accessible alternatives ensures screen readers can convert content into speech or braille, catering to different sensory modalities.

How to fix?

Make sure that each <img> element with information has a meaningful alternative text with a role of either "none" or "presentation". Decorative elements should have empty alt attributes (alt=""). Use alt attributes, aria-label, or aria-labelledby for alternative text.

References

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy