1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

J'ai plusieurs titres graphiques dans ma page déclarées du type:

<h2>
	<img
		alt="Hello world!"
		src="titre-helloworld.png"
		width="350"
		height="50"
	/>
</h2>


Je souhaite remplacer les images par leurs alternatives textuelles respectives, ce que j'obtiens en faisant quelque chose comme ça dans ma feuille de styles handheld:

img[src|='titre'] {content:attr(alt);}


Ma question: est-ce que l'image va être tout de même chargée et puis remplacée par son alternative textuelle ou bien cela se fera avant le téléchargement de l'image?

Cordialement,
Benjamin De Cock
Salut,

C'est quelque chose qui dépend beaucoup de naviguateur, certains vont remplacer ton image par le ALT, d'autre vont la réduire mais l'afficher quand même et pour ceux qui font parti de l'alliance w3c Mobile Profile ils appliqueront ta règles CSS et ne chargeront pas l'image, puisque le CSS est téléchargé avant le reste.

A+
Hacken a écrit :
et pour ceux qui font parti de l'alliance w3c Mobile Profile ils appliqueront ta règles CSS et ne chargeront pas l'image, puisque le CSS est téléchargé avant le reste

Attention: il y a une différence entre participer collectivement à la définition d'un standard et implémenter techniquement ce standard. Smiley cligne
Donc c'est au mieux un indicateur, mais clairement pas une garantie.

Au passage, c'est quoi l'aliance W3C Mobile Profile?

Il me semble qu'il y a:
- le WAP Forum (R.I.P.?);
- l'Open Mobile Alliance;
- la Mobile Web Initiative du W3C.

Si je ne m'abuse, l'Open Mobile Alliance traite nombre de sujets techniques pas tous liés au Web, et participe à l'initiative Web Mobile du W3C.

Quant à «Mobile Profile», il me semble que ce sont des sous-ensembles des spécifications CSS 2.1 et XHTML 1.0, qui définissent ce qui devrait être compatible en priorité sur les appareils mobiles, non?

Pour information, Benjamin, le sélecteur CSS que tu utilises ne fait pas partie de CSS Mobile Profile 2.0.
Mais vu que l'heure est au portage des moteurs des navigateurs desktop sur mobile (Opera/Presto, Safari/Webkit, Firefox/Gecko... pour IE Mobile, par contre, je crois que c'est un moteur de rendu spécifique), ça peut être intéressant.
Modifié par Florent V. (22 Nov 2007 - 14:52)
Hacken a écrit :
ils appliqueront ta règles CSS et ne chargeront pas l'image, puisque le CSS est téléchargé avant le reste.

Justement, c'est sur ce point que j'ai un doute… Smiley confus
Y'a pas un heureux possesseur de portable récent dans la salle? Smiley ravi
Florent V. a écrit :

Pour information, Benjamin, le sélecteur CSS que tu utilises ne fait pas partie de CSS Mobile Profile 2.0.
Mais vu que l'heure est au portage des moteurs des navigateurs desktop sur mobile (Opera/Presto, Safari/Webkit, Firefox/Gecko... pour IE Mobile, par contre, je crois que c'est un moteur de rendu spécifique), ça peut être intéressant.
J'en suis bien conscient… une classe fera le cas échéant tout aussi bien l'affaire. Smiley cligne
Benjamin D.C. a écrit :


img[src|='titre'] {content:attr(alt);}


J'avoue que j'ai beaucoup de mal à voir l'intérêt d'anticiper, côté auteurs, ce type d'adaptations du contenu, qui est fondamentalement du ressort de l'UA et des préférences utilisateurs, dès lors que les informations nécessaires sont présentes dans la source XHTML (dimensions, alternative textuelle).
Modifié par Laurent Denis (25 Nov 2007 - 09:54)
Laurent Denis a écrit :

J'avoue que j'ai beaucoup de mal à voir l'intérêt d'anticiper, côté auteurs, ce type d'adaptations du contenu, qui est fondamentalement du ressort de l'UA et des préférences utilisateurs, dès lors que les informations nécessaires sont présentes dans la source XHTML (dimensions, alternative textuelle).

Ahem… grmpf… C'est assez embarrassant de ne pas avoir cette présence d'esprit d'analyser un problème avant d'essayer de le résoudre. Smiley sweatdrop
Merci pour la réflexion, Laurent. Sujet résolu de mon côté. Smiley ravi