area-alt

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

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

• WCAG 4.1.2: Name, Role, Value
• Accessibility Insights: area-alt