Guide d'Internet du Gouvernement du Canada

Évaluation des graphiques

La présente section vous fournit des conseils sur l'utilisation des graphiques.

Lorsque vous concevez et utilisez adéquatement les graphiques, vous pouvez rendre vos pages Web plus faciles et plus plaisantes à visiter. Les formats les plus communs pour les graphiques sur Internet sont GIF et JPEG. Le format GIF est souvent utilisé pour les images simples, composées de couleurs primaires, alors que JPEG convient mieux aux photographies et aux images plus détaillées et plus complexes. Peu importe le format que vous utilisez, vous devriez toujours tenir compte des points ci-dessous.

Couleurs : Les couleurs pour les graphiques des sites Web doivent se conformer à la Norme 6.5 de la Normalisation des sites Internet.

Daltonisme : Comment les utilisateurs daltoniens voient-ils le graphique ou la page?

Nécessité : Le graphique est-il essentiel pour la compréhension du texte?

Travail requis pour la production d'un graphique de qualité : Le graphique doit-il être manipulé, reconstitué ou redimensionné?

Dimensions : Les graphiques ne devraient pas dépasser 590 sur 472 pixels. La plupart des moniteurs des ordinateurs personnels courants affichent 640 sur 480 pixels, mais les icônes par défaut et les barres d'état prennent beaucoup de place. En pouces, les graphiques ne devraient pas mesurer plus de 6 pouces de hauteur sur 5,5 pouces de largeur. 

Graphique transparent : Le graphique devrait-il être transparent? Les graphiques transparents se fondent dans l'arrière-plan gris des navigateurs, et il n'y a ainsi aucun espace blanc dans l'image et autour de l'image. Du point esthétique, il est habituellement préférable d'avoir des graphiques transparents. Toutefois, il n'est pas nécessaire que les graphiques insérés dans le texte d'un document soient transparents. Certaines  applications permettent à l'utilisateur de rendre les graphiques transparents.

Graphique entrelacé : Le graphique devrait-il être entrelacé? Les graphiques entrelacés sont construits graduellement sur l'écran en cinq étapes au lieu de l'être en une seule fois, ce qui permet à l'utilisateur d'avoir une « visualisation-test» du produit final. Les navigateurs plus récents et la plupart des outils auteurs prennent en charge les graphiques entrelacés. Utilisez les graphiques entrelacés avec parcimonie; réserver cette technique aux grands graphiques qui, autrement, seraient longs à télécharger. 

Temps de téléchargement pour l'utilisateur : Comme les graphiques peuvent augmenter la dimension des fichiers de téléchargement, il est préférable de réduire au minimum la dimension et le nombre de graphiques utilisés dans une page. Utilisez des techniques pour réduire le temps de téléchargement, comme les graphiques non entrelacés, une densité de couleurs réduite et les algorithmes de compression.

Nom du graphique : Quel nom utiliserez-vous pour le fichier de votre graphique?

Équivalent textuel : Pour tout graphique, vous devez inclure un équivalent textuel pour les personnes ayant une déficience visuelle. Voir le critère 1.1 de la Norme sur l'accessibilité dans le Guide d'auto-évaluation de la conformité à la Normalisation des sites Internet.

Alignement du texte avec le graphique : Y a-t-il un texte à la droite du graphique qui devrait être aligné avec le haut, le milieu ou le bas du graphique?

Options pour la présentation des graphiques :

• Utiliser un graphique en direct. Affichez le graphique dans le fichier HTML téléchargé.
• Présenter le graphique comme un lien vers un autre fichier. Mettre un lien  sur la page HTML pour aller au graphique, surtout si le graphique est grand ou qu'il n'est pas nécessaire pour la compréhension du texte. Si le graphique est très grand, vous pouvez indiquer la taille du fichier entre parenthèses, à côté du lien.
• Utiliser une image miniature. Réduire le graphique à une image miniature, ce qui permet à l'utilisateur d'avoir un aperçu de l'image. Le graphique sous forme d'image miniature peut servir de lien vers l'image pleine grandeur.
• Inclure le graphique dans un format autre que GIF. Si le graphique est déjà préparé dans un format autre que GIF, vous pouvez créer un lien sur la page HTML et indiquer sa taille entre parenthèses, à côté du lien. Toutefois, comme l'utilisateur ne peut afficher le graphique qu'en le téléchargeant, cette option n'est pas recommandée.
• Ne pas inclure le graphique. Si le graphique est grand, de mauvaise qualité ou non essentiel, ne pas l'inclure dans le document.