Suite à cette très intéressante discussion sur le forum d'alsacréation, dans le texte qui suit j'ai inséré une image avec object au lieu de img. C'est un logo…

…Le logo de l'application parallels…

Le texte incorporé comme contenu supplémentaire apparaît si je désactive les images dans mon navigateur. Il est vrai que l'attribut alt permet la même chose avec img sauf qu'ici on n'est pas limité par la taille et on peut y mettre le contenu que l'on veut (paragraphe, titre, etc) puisque c'est de l'html classique. Voici le code :


<object type="image/png" data="/all-blogs/public/imagesdc1/parallels/parallels.png" width="113" height="75">
<p>…Le logo de l'application parallels…</p>
</object>

Un autre avantage de la balise object c'est que l'on peut encapsuler des object dans des object et générer ainsi un effet de cascade. Par exemple si l'on place un objet en svg, on peut y mettre une alternative en png au cas où le navigateur ne supporterait pas le svg et enfin le texte en html. Ce qui nous donne ceci visuellement :

Du texte en Zapfino…

Avec le code suivant :

<object type="image/svg+xml" data="/all-blogs/public/imagesdc1/testsvg/zapfino.svg" width="200" height="49">
	<object type="image/png" data="/all-blogs/public/imagesdc1/testsvg/zapfino.png" width="200" height="49">
		<p>Du texte en Zapfino…</p>
	</object>
</object>

Cet exemple est certe un peu simplet mais on pourrait très bien imaginer un graphique en tarte représentant les parts de marché des navigateurs en svg, puis le même en png et enfin le résultat sous forme de tableau html. ;)

En plus le texte supplémentaire en html est indexé par les moteurs de recherche et lu par les personnes utilisant une synthèse vocale. Les possibilités sont immenses. :)

Ajout du lendemain : il semblerait que l'affichage déconne dans IE6. Boah, comme disait Laurent Denis : Encore quelques mois à attendre et on pourra proposer aux derniers utilisateurs d'IE6 un design sans CSS. On ne devra plus se casser la tête pour ce navigateur obsolète. Bref, vous qui passez ici par hasard, il est grand temps de passer à IE7 ou mieux de passer à un navigateur plus moderne comme Firefox, Safari (beta pour le moment sur windows), Opera, etc.