28220 sujets

CSS et mise en forme, CSS3

Bonjour,
je trouve très pratique de mettre les images en mettant un div dans le html puis en mettant l'image en background de ce div dans le CSS. Cela pertmet de mettre à jour sans toucher au HTML et donc de pouvoir faire plusieurs design pour une page. J'aimerais quand même savoir quels sont les inconvénients de cette méthode. J'en vois deux:
-pour ce qui n'ont pas le CSS ces images ne s'afficherons pas (remarque que parfois ça peut être utile).
-On utilise pas la balise img. Et là je sais pas trop quels problème ça pose (moteurs de recherches, respect de la sémantique pour les handicapés visuels,...)

Auriez vous en tête d'autre inconvénients de cette méthode (ou avantages d'ailleurs)?

Merci.
Modifié par mathmax (12 Sep 2005 - 18:11)
connecté
Administrateur
C'est très simple : une image est soit pertinente (elle apporte de l'information) soit pas (elle ne fait que partie du décor).

Dans le 1er cas, il faut que cette image soit présente dans le code HTML (donc sans CSS) puisque l'information qu'elle apporte doit être accessible à tous.
Dans le second cas, il est recommandé d'afficher cette image en arrière-plan afin, justement, de ne pas polluer l'information avec des illustrations non pertinentes.

Sans vouloir faire de pub mal placée, je ne sais pas si tu as lu le livre "CSS2", mais cette problématique y est expliquée en détail.
Bonsoir,

Pour compléter le message de Raphael :
- Qu'une image "décorative" se retrouve en <img alt=""> n'a rien de dramatique. Au pire, la gestion de la mise à jour peut être alourdie, mais c'est la seule conséquence majeure, et elle est souvent évacuée par le traitement du contenu côté serveur.
- Mais qu'une image participant au contenu (et non à sa mise en forme visuelle) soit déplacée dans CSS est très gênant.

En effet, une image "de contenu", déplacée en CSS :
- n'a plus d'équivalent textuel disponible pour l'accessibilité (navigateurs textes, media vocal, mobiles...)
- n'a plus d'équivalent accessible aux robots (indexation, traduction...)

Bref, c'est une image en réalité inexistante, la couche de présentation n'étant disponible que dans un type d'accès unique au contenu.