Critère « 159 »

Nom :
159
Description :
Les dimensions réelles des images sont indiquées dans le code source.
Cré(é) le :
21 avril 2010
Automatisé(e) :
Automatisé
Objectif(s) :

Augmenter la vitesse d'affichage de la page.

Faciliter le traitement des images par les navigateurs mobiles.

Solution(s) technique(s) :

Préciser dans le code HTML les valeurs réelles des attributs width et height des éléments img.

Moyen(s) de contrôle :

La vérification consiste à contrôler à la fois que les dimensions d'affichage des images HTML sont bien indiquées dans le code source mais également que ces dimensions indiquées dans les attributs HTML correspondent effectivement aux dimensions réelles. Pour chaque élément img :

  • Vérifier la présence des attributs width et height à l'aide de la fonctionnalité Entourer les images sans dimension (menu Images) de la Web Developer Toolbar dans Firefox.
  • Vérifier que les valeurs indiquées correspondent aux dimensions réelles de l'image à l'aide des fonctionnalités Entourer les images surdimensionnées et Images avec des dimensions ajustées de Web Developer pour repérer les images qui ne respectent pas cette bonne pratique.

Autre solution : afficher l'image hors du contexte de la page (clic droit sur l'image puis Afficher l'image) pour vérifier qu'elle présente toujours les mêmes dimensions.

Dérogations:
(non renseigné)
Remarques:
(non renseigné)
Niveau :
Niveau 3
Thématique :
Code
VPTCS :
Technique
Processus :
Intégration CMS – Développement
Exigences :
Mobile Performance
Workshop :
validée