# Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Eléments graphiques > Fiche 1.13

## Fiche 1.13 : Est-ce que la taille utilisée pour chacune des images est appropriée par rapport au contexte dans lequel elle se trouve ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 1.13
- Niveau AccessiWeb : or
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 14.3

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- 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.

revenir en haut de la page

### Comment évaluer

#### Par le code source

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.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

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.

revenir en haut de la page

### Illustrations

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.

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 12.8 : La page fait-elle moins de 70 Ko ?
- Fiche 13.7 : Est-ce que la présentation spécifique d'une information n'entrave pas l'accès à son contenu ?
- Fiche 13.13 : La page fait-elle au maximum 3 écrans en résolution 1024*768 si aucune navigation interne n'est prévue ?

#### Autres ressources

- Web Content Accessibility Curriculum (section 14.3) : Create a style of presentation that is consistent across pages

revenir au sommaire de la fiche

revenir en haut de la page

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact