Image map area has no alt text

  • WCAG 1.1.1 Non-text Content, level A
  • Critical
  • Images
  • Automated
  • Server pass

Why it matters

Each clickable region in an image map is a link. Without alt text, keyboard and screen reader users cannot tell the regions apart.

How to fix it

Add alt text to every <area> that has an href, describing where it goes.

<!-- Before -->
<area shape="rect" coords="0,0,80,40" href="/north/">

<!-- After -->
<area shape="rect" coords="0,0,80,40" href="/north/" alt="North office">

Read the W3C guidance: Understanding 1.1.1 Non-text Content.

Related rules

Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.