Si vous utilisez des images réactives (image map), vous veillez à ce qu'elles soient accessibles.

Description
Utilisez des images réactives côté client en veillant à fournir une alternative textuelle pertinente à chaque zone cliquable de l'image.


Conseil
Les images avec zones cliquables côté serveur sont à éviter car l'information qu'elles véhiculent est perdue dans divers cas, comme la navigation au clavier, l'utilisation d'un lecteur d'écran ou la désactivation des images.
Il convient donc d'utiliser des images réactives côté client, en veillant à bien renseigner les attributs "alt" de chaque région active.


Références WCAG 1.0
(1.2) Fournir des liens textes redondants pour chaque région active d'une carte cliquable côté serveur. (Niveau 1)

(1.5) Jusqu'à ce que les agents utilisateurs soient en mesure de restituer les équivalents textuels des liens des cartes cliquables côté client, fournir des liens textuels redondants pour chaque région active d’une carte cliquable côté client. (Niveau 3 | obsolète)

(9.1) Prévoir des cartes cliquables côté client au lieu de cartes côté serveur, sauf lorsque les régions ne peuvent être définies par des formes géométriques disponibles. (Niveau 1)

Bonnes pratiques connexes

• Renseigner correctement l'attribut ALT des images.
  Selon la nature de l'image utilisée, l'attribut alt ne sera pas renseigné de la même manière.
  
  
• Quand et comment utiliser l'attribut longdesc.
  Lorsqu'une image véhicule beaucoup d'informations et nécessite une description trop longue pour l'attribut alt, il convient d'utiliser l'attribut longdesc...