Fix "Image map area without text alternative" in HTML
Why it's a problem
An image map (<map> and <area>) splits an image into clickable zones. Each zone is a link: without alt, the screen reader announces a series of unnamed links, or the raw destination URL.
How to fix it — HTML
Give every <area> an alt describing its destination. If the image map is not essential, a list of text links is simpler to maintain and to make accessible.
<img src="/carte-regions.png" usemap="#regions" alt="Carte des régions">
<map name="regions">
<area shape="poly" coords="…" href="/regions/bretagne">
</map><img src="/carte-regions.png" usemap="#regions" alt="Carte des régions">
<map name="regions">
<area shape="poly" coords="…" href="/regions/bretagne" alt="Bretagne">
</map>Check your site in 30 seconds
Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.
Free scan