Test des images

1. Les images disponibles

   Si votre navigateur prend bien en compte les images, l'affichage des quatre séries d'images formant chacune le mot « bien » devraient être identiques à l'affichage témoin, et comporter un effet d'ombré animé. La sychronisation de l'effet d'ombré n'a pas un caractère obligatoire, mais est préférable.

   • Utilisation de la balise <img>, sans spécification de la taille de l'image

     

   • Utilisation de la balise <img>, avec spécification de la taille de l'image

     

   • Utilisation de la balise <object>, sans spécification de la taille de l'image

   • Utilisation de la balise <object>, avec spécification de la taille de l'image (méthode recommandée)

   • Affichage témoin :

     

2. Les images inaccessibles

   • avec la balise <object>

     Dans ce cas de figure, le résultat est clairement défini par le contenu alternatif de la balise. La taille de l'image ne devrait alors jouer aucun rôle dans l'affichage. Ainsi, le visuel des quatre cas suivants devrait être identique à l'affichage témoin :

     • Utilisation de la balise <object> pointant vers une image inexistante, taille des images non spécifiée

     • Utilisation de la balise <object> pointant vers une image inexistante, taille des images spécifiée

     • Utilisation de la balise <object> pointant vers une image situé dans un répertoire inexistant, taille des images non spécifiée

     • Utilisation de la balise <object> pointant vers une image situé dans un répertoire inexistant, taille des images spécifiée

     • Affichage témoin

       PARFAIT

   • avec la balise <img>

     Dans ce cas de figure, le rendu du texte alternatif à l'image n'est pas formellement défini. Mais, comme le texte en question correspond généralement à une description de l'image, il est préférable que l'affichage apparaisse dans une zone sécifique Et, pour des questions de mises en page, que la taille de cette zone corresponde à la taille de l'image lorsque cette dernière est spécifiée et qu'elle permet d'y inclure le texte en entier.

     • Utilisation de la balise <img> avec une adresse erronée

       • La balise <img> pointe vers une image inexistante, taille de l'image non spécifiée, sans bordure autour de l'image

         

       • La balise <img> pointe vers une image située dans un répertoire inexistant, taille de l'image non spécifiée, sans bordure autour de l'image

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille des images non spécifiée, avec un texte alternatif court, sans bordure autour des images

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille des images non spécifiée, avec un texte alternatrif court et une bordure autour des images

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille des images spécifiée, avec un texte alternatif court, sans bordure autour des images

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille des images spécifiée, avec un texte alternatif court et une bordure autour des images

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille de l'image spécifiée, avec un texte alternatif mi-long et une bordure autour de l'image

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille de l'image spécifiée, avec un texte alternatif long, sans bordure autour de l'image

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

     • Utilisation de la balise <img>, taille de l'image non spécifiée, avec un texte alternatif long, sans bordure autour de l'image

       • Affichage par votre navigateur :

         

       • Suggestion d'affichage :

         

         ou, par exemple si « au vingtième siècle » ne tient pas dans la ligne :

         

Pour les personnes webmestres, il est recommandé d'utiliser la balise <object> plutôt que <img>, car elle offre un meilleur contrôle de l'affichage alternatif. Son contenu peut, en effet, être beaucoup plus large que simplement du texte sans mise en forme. Un tableau pourrait, par exemple, être prévu pour le cas où une image contenant un graphique n'est pas affichée.