Scan gratuit

Corriger « Zone cliquable d'image sans alternative » en HTML

Pourquoi c'est un problème

Une image réactive (<map> et <area>) découpe une image en zones cliquables. Chaque zone est un lien : sans alt, le lecteur d'écran annonce une série de liens sans nom, ou l'adresse de destination brute.

Comment corriger — HTML

Donnez à chaque <area> un alt décrivant sa destination. Si l'image réactive n'est pas indispensable, une liste de liens textuels est plus simple à maintenir et à rendre accessible.

À éviter
<img src="/carte-regions.png" usemap="#regions" alt="Carte des régions">
<map name="regions">
  <area shape="poly" coords="…" href="/regions/bretagne">
</map>
Correct
<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>

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.

Scan gratuit

Autres corrections