Skip to main content

area-alt

Make sure that alternate text is provided for <area> elements within an image map.

Severity: Critical

Description

We typically find that an image map can have multiple clickable areas which can be created using the <area> element. This type of issue emerges if an alternate text is not provided for any of the <area> elements within an image map.

Why is it important?

Providing alt text for area elements within an image map is important because it helps people who can’t see the image understand what each clickable area represents. Without alt text, they might not know where the clickable parts lead or what they do. Alt text ensures that everyone, including those using screen readers, can fully interact with and understand the content of the image map.

How to fix?

Define alternative text to describe the purpose of every <area> element using title, aria-label, aria-labelledby or alt attributes.

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