23-07-2013, 12:37 PM
Je vais essayer une autre approche explicative:
Pour l'instant, ton image est dans les tons ocres (par exemple), mais un jour, tu veux changer l'apparence (donc, la forme) du site et ajouter la possibilité d'avoir des tons violets (on s'en fout qu'on aime ou qu'on n'aime pas). Si ton image est dans le code HTML, tu vas devoir changer le code HTML pour seulement modifier la forme. Ce n'est pas une séparation complète entre forme et fond.
L'accessibilité sera respectée avec img/alt, ça, ok, mais la séparation complète fond / forme ne le sera pas.
A l'inverse, une image apportant du sens à un article (ta tour Eiffel à 0°, 90° ou 40° même si c'est un peu chaud) ne sera pas changée même si tu modifie le skin du site: l'image est alors informative, et dans un tel cas, elle s'insère très bien dans une balise img (voir une balise figure).
C'est sur ce point là que je trouve l'association button/img moins correcte que l'utilisation d'un CSS sur le bouton (bouton qui contient le texte "page suivante")
Pour l'instant, ton image est dans les tons ocres (par exemple), mais un jour, tu veux changer l'apparence (donc, la forme) du site et ajouter la possibilité d'avoir des tons violets (on s'en fout qu'on aime ou qu'on n'aime pas). Si ton image est dans le code HTML, tu vas devoir changer le code HTML pour seulement modifier la forme. Ce n'est pas une séparation complète entre forme et fond.
L'accessibilité sera respectée avec img/alt, ça, ok, mais la séparation complète fond / forme ne le sera pas.
A l'inverse, une image apportant du sens à un article (ta tour Eiffel à 0°, 90° ou 40° même si c'est un peu chaud) ne sera pas changée même si tu modifie le skin du site: l'image est alors informative, et dans un tel cas, elle s'insère très bien dans une balise img (voir une balise figure).
C'est sur ce point là que je trouve l'association button/img moins correcte que l'utilisation d'un CSS sur le bouton (bouton qui contient le texte "page suivante")