Pour trouver votre chemin.

Conception de pages Web accessibles :
Rendre les PHOTOGRAPHIES et les GRAPHIQUES accessibles.

Images essentielles :

Certains éléments graphiques sont essentiels au contenu du document. D’autres ne le sont pas et servent uniquement à des fins esthétiques. Pour établir la différence, vous pouvez retirer l’image (ou la mettre dans un commentaire). Si le texte n’a aucune signification sans l’image, cela signifie que l’image est essentielle au contenu du document. Si l’image est essentielle, vous pouvez préparer du texte descriptif qui servira de légende détaillée ou qui sera placé dans un fichier distinct accessible par un lien à partir de l’image.

Texte dans les images graphiques.

Si vous mettez du texte dans une image graphique, n’oubliez pas de reproduire le texte sous l’élément «ALT=text» de la balise <IMG>. N’oubliez pas que bon nombre de vos visiteurs ne possèdent pas de fureteur graphique, utilisent l’affichage ou un pilote vidéo à faible résolution ou sont incapables de voir ce qu’il y a à l’écran à cause d’une déficience visuelle.

ALT="Text": Avantages et inconvénients.

L’avantage, c’est que l’élément ALT="Text" de la balise IMG offre un moyen idéal d’étiqueter les graphiques, les photographies, les puces et les icônes. L’utilisateur qui parcourt votre site avec les images ne voit pas de texte superflu et l’utilisateur qui a désactivé l’affichage des images (ou qui utilise un fureteur non graphique ou un lecteur sonore d’écran) aura une indication quelconque des éléments importants de votre site.

L’inconvénient, c’est que chaque fureteur traite les longues chaînes de texte ALT de façon différente. Par exemple :

Netscape (version 1.1N) ne ramène pas le texte ALT à la ligne suivante lorsqu’il dépasse l’extrémité droite de l’écran, ce qui veut dire que lorsque le texte est long, il se poursuivra sur une seule et très longue ligne qui va au-delà de la limite de la page. Vous pouvez utiliser la barre de défilement horizontale au bas de l’écran pour lire la ligne, mais Netscape a des limites. En effet, la quantité de texte pouvant être affiché dépend du type et de la taille de la police. Au cours de mes essais, j’ai constaté qu’en utilisant la police Arial 12 points pour l’affichage de polices proportionnelles, Netscape m’a permis de lire 262 caractères, tandis qu’avec la police Arial 8 points, Netscape a affiché 390 caractères avant que le défilement horizontal ne bloque.

Le fureteur NCSA Mosaic (version 2.0 bêta 4) ne ramène pas le texte ALT à la ligne suivante non plus, mais il semble qu’il n’y ait pas de limite sur la quantité de texte affiché horizontalement (j’ai abandonné après 650 caractères). En effet, Mosaic vous laisse défiler horizontalement tant qu’il reste du texte à afficher. Mosaic n’interprète pas les retours de chariot dans les textes ALT comme étant des retours à la ligne à l’écran. Donc, en faisant quelques essais, vous pourrez insérer une bonne quantité de texte ALT et l’afficher en entier. PAR CONTRE, bien qu’il semble n’y avoir aucune limite quant à la quantité de texte affiché horizontalement, il y a une limite à la quantité de texte que vous pouvez afficher verticalement! Le nombre de lignes de texte affiché se limite à la taille de l’encadré que Mosaic trace à la place du graphique non affiché.

L’exemple suivant pourra être logique ou non, selon le type de fureteur que vous utilisez. La raison pour laquelle j’ai inclus cet exemple, c’est que la balise de texte ALT ne devrait pas être utilisée pour de longues légendes ou descriptions d’images. La meilleure façon de fournir une description texte reste vraisemblablement la création d’un lien vers une page distincte. Le lien «D» place à côté de l'image suit la méthode recommendée par National Center for Accessible Media. Le «D» représente «Description» et amène l'utilasateur au texte qui décrit l'image.

D

Une question de taille.

Voici un exemple de conception accessible à tous les utilisateurs :

Le petit nombre de personnes qui ont accès au Web par ligne RNIS ou T1 n’y pensent sans doute même pas, mais les autres, qui doivent se débrouiller avec une connexion à 14,4 kbps ou 28,8 kbps, s’impatientent (et s’énervent même) lorsqu’ils doivent charger une page d’accueil pleine d’images de 50 Ko. Il arrive de plus en plus souvent que je clique sur le bouton d’arrêt lorsque je charge ces pages. Je désactive ensuite l’autochargement des images dans mon fureteur et je recommence. Puisque l’affichage des éléments multimédia est l’un des principaux avantages du Web, je n’aime pas le désactiver.

Si l’image n’est pas essentielle, pourquoi ne pas créer une miniature (version très petite et réduite de l’image) et offrir un lien vers l’image à sa pleine grandeur. Cette méthode est encore plus efficace lorsque vous indiquez la taille en octets de l’image originale.

Par exemple :

Main dans la main d’un bout à l’autre du Canada. (83 Ko, format .GIF)

La miniature contient seulement 3 833 octets, ce qui prend beaucoup moins de temps à télécharger que le fichier complet (83 650 octets). L’exemple est modeste, car la taille de certaines images peut être beaucoup plus grande.

Pour trouver votre chemin.

Rendre les IMAGES RÉFÉRENCÉES accessibles.
Les POLICES et les ARRIÈRE-PLANS sont-ils accessibles?