Les images réactives côté serveur doivent être abolies pour ne pas compromettre l'accessibilité. Dans ce chapitre on va connaître pourquoi elles constituent un obstacle à l'accessibilité.

• La syntaxe XHTML et le fonctionnement des images réactives côté serveur

• Les cartes cliquables côté serveur (accessibilité)

La syntaxe XHTML et le fonctionnement des images réactives côté serveur

Normalement je devrais pas parler des cartes cliquables côté serveur vu leur obsolescence, mais pour un souci d'exhaustivité, je vais vous parler brièvement de leur syntaxe et fonctionnement :

Tout d'abord vous emboîter l'image dans la balise <a> qui va recevoir comme URL l'adresse du script CGI dont la tâche consistera à recevoir les coordonnées du clic sur l'image pour faire un traitement (balancer une page selon la zone où s'est produit le clic).

Grâce à l'attribut booléen "ismap" (l'image est-elle une carte ?), vous spécifier que l'image est une carte cliquable. Pour être conforme à la syntaxe xhtml, vous devez assigner à cet attribut son nom lui même comme valeur :

<img src="carte.png" alt="carte" ismap="ismap" />

L'absence du booléen "ismap" signifie que l'image n'est pas une carte cliquable côté serveur (false), ceci correspond au réglage par défaut. Sa présence incite le navigateur à se comporter avec le graphique comme étant une image réactive côté serveur (true), et par conséquent :
Lorsque l'internaute clique sur l'image le navigateur envoie au script CGI les coordonnées représentant le point où le clic s'est produit par rapport au coin supérieur gauche de l'image (0,0), pour être plus concret prenant l'exemple suivant :

<a href="http://www.domaine.com/cgi-bin/carte.pl">
<img src="carte.png" alt="carte" ismap="ismap" /></a>

• en premier lieu le navigateur va lire l'attribut ismap, et par voie de conséquence il va évaluer l'image comme étant une carte cliquable côté serveur. Lorsque le client va cliquer sur l'image, le navigateur va envoyer les coordonnées du clic au programme "carte.pl" en les ajoutant à l'URL du lien après un point d'interrogation sous cette forme (supposons que le clic a eu lieu dans le pixel se trouvant dans la position 20 -largeur-, 30 -hauteur-) :

  http://www.domaine.com/cgi-bin/carte.pl?20,30
  

• le script carte.pl (pl est l'extension du Perl) va extraire les deux coordonnées 20 et 30 de l'URL (après le point d'interrogation) et va effectuer un certain traitement, par exemple balancer une page selon les coordonnées du clic.
• un script CGI (Common Gateway Interface) est un programme écrit en un langage de programmation (C, C++, Perl, TCL etc.), ce programme se trouve généralement dans un dossier qui s'appelle "cgi-bin" (placé dans le serveur), Les scripts CGI font partie des langages côté serveur (PHP, ASP, JSP etc..), car ils y sont interprétés, le JavaScript quant à lui est un langage côté client car il s'exécute dans le poste du client grâce au navigateur qui l'évalue via son moteur interpréteur.
• copiez le code ci-dessus, associez lui une image puis testez le en local, vous allez voir que le navigateur envoie les coordonnées à l'adresse mentionnée dans le lien.

Les cartes cliquables côté serveur (accessibilité)

La syntaxe inhérente aux cartes cliquables côté serveur ainsi que leur fonctionnement qui exige l'interaction avec le serveur sont à l'origine de leur inaccessibilité :

• contrairement aux cartes cliquables côté client, on peut pas spécifier un attribut alt aux différentes zones interactives d'une carte cliquable côté serveur, car les régions interactives sont définies dans le script CGI, donc ces zones ne sont pas matérialisées par une balise et ne peuvent pas par conséquent être substituées par un texte alternatif.

  Imaginez l'incidence de cala surtout sur les lecteurs d'écran (Jaws) et les navigateurs texte-seul (Lynx) impossible de naviguer dans de telles cartes avec les navigateurs précités ce qui fait qu'un bon nombre de lecteurs seront privé du contenu de la carte (texte alternatif avec l'attribut alt pour les cartes cliquables côté client).

• contrairement aux cartes cliquables côté client, la navigation avec le clavier dans les zones interactives d'une carte cliquable côté serveur est totalement impossible. Ce qui rend le contenu de l'image inaccessible aux gens qui utilisent uniquement le clavier.

  Par exemple un manchot. Il est très difficile pour lui de basculer sans cesse entre la souris et le clavier. En plus les gens utilisant les PDA et téléphones portables qui sont généralement dépourvus de dispositifs de pointage ne pourront pas naviguer dans la carte.

Ce que je vous recommande c'est de laisser tomber les cartes cliquables côté serveur, et de basculer vers les cartes clients à moins que les attributs shape et coords de la balise area ne vous permettent pas de réaliser des découpages demandant un calcul minutieux.

Dans ce cas pour pallier un peu à l'inaccessibilité des cartes serveur vous devez dupliquer les régions de la carte sous forme de liens redondants dans la page. Pour ce faire vous devez tout d'abord décortiquer le script CGI pour en extraire les zones réactives.

Chapitre suivant : des images d'espacement accessibles (accessible spacer images).