Bénéfice 1 :
Une image dont la taille va provoquer l'apparition d'un ascenseur horizontal, est gênante pour des utilisateurs mal-voyants ou ayant des difficultés à se servir de la souris. En effet, une telle image oblige à des manipulations supplémentaires à la souris pour être visualisée.
Bénéfice 2 :
Si la taille de l’image peut être utilisée d’une manière réduite, l’utilisateur doté d'une connextion à bas débit gagnera en temps d’affichage de la page lors de son chargement.
Valeur ajoutée pour le site
Bénéfice 1 :
L’utilisation d’images adaptée au contexte permet souvent d’alléger le poids des pages et de gagner en taux d'occupation de la bande passante.
Bénéfice 2 :
Elle permet aussi de gagner en lisibilité et de hiérarchiser l’information.
Ce critère n'est pas évaluable par le code source.
Par l'utilisation d'outils
Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.
Evaluer avec la barre AccessiWeb (version 1.0) :
Ce critère n'est pas évaluable par la barre AccessiWeb.
Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
Ce critère n'est pas évaluable par la barre d'accessibilité AIS version 1.2 pour IE.
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version
1.0.2 en français) :
Ce critère n'est pas évaluable par la barre d'outils Web Developer version 1.0.2 pour Firefox.
Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.
Ce critère peut être mis en œuvre par le graphiste en ce qui concerne l’adaptation des images par rapport au contexte de la page et par l'intégrateur pour implémenter
éventuellement l’image dans une feuille de style.
Implémentation
il s'agit d'une réflexion globale sur la valeur informative, décorative ou illustrative de chaque élément graphique et l'importance qu'il faut leur attribuer compte tenu des contraintes graphiques, ergonomiques en s'efforçant de ne jamais oublier l'utilisateur final.
Exemple de mauvaise pratique
Il n'y a pas d'exemple pour cette rubrique.
Exemple de bonne pratique
Si une photo de grande taille doit être implémentée dans le site et qu'elle ne donne pas
d'informations essentielles, privilégier l’implémentation par la feuille de style qui permet au visiteur de désactiver son affichage.
Cette capture d'écran présente une image qui occupe toute la page et provoque l'apparition d'un ascensuer de défilement. L'utilisateur doit donc faire défiler la page pour avoir éventuellement accès à l'information utile qu'il pense pouvoir trouver plus bas.