Discussion :

[symfony30000]

Bonjour, voila j'ai une image dans un div css qui me sert de bouton hyperlien, je l'appelle comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo link_to(__('<div id="img_produit" ></div>','','template'), '@produit') ?>

par contre de cette façon je ne sait pas comment changer l'image en fonction de la culture utilisateur vu que ce n'est pas du texte mais du code, il faudrait que je modifie l'id du css en "img_produit_fr"
quelqu'un à t'il une idée?
merci pour votre aide

[Michel Rotta]

Je dirais que l'intégration graphique d'image par un div ne peut être faite que pour des images ayant trait au style de l'application, pas à son fonctionnement. Donc les fond d'écran, les images qui font joli dans certaines boites...

Dès que les images ont un rôle fonctionnel, elle devrait être intégrée par la balise <img> donc ton code deviendrait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo link_to(__(image_tag('photo.jpg', array('alt' => 'cliquez pour valider'), '@produit') ?>

ce qui présente l'avantage d'avoir un help qui affiche "cliquez pour valider" si le curseur passe sur l'image. Et surtout, c'est compréhensible par des mal voyant qui pourront lire l'argument "alt" de l'image pour savoir quoi faire. Et si l'image ne s'affiche pas (un exploreur en mode texte, une configuration particulière) le site reste fonctionnel.

Pour le gérer en multi langue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php echo link_to(__(image_tag(__('photo.jpg', '', 'dico'), array('alt' => __('cliquez pour valider', '', 'dico')), '@produit') ?>

[symfony30000]

merci pour ta réponse,
je n'avais pas pensé a l'accessibilité de l'application, d'un coté c'est une application interne mais au moins ça me force à avoir du bon sens et des réflexes pour mes futurs applications.
ça marche nickel j'ai ajouté les attributs title id et class pour pouvoir les mettre en forme.

[Michel Rotta]

Même pour une application interne, l'accessibilité aux handicapés est a prendre en compte, pour deux raisons au moins : la première est que toutes les entreprises sont sensée embaucher des handicapés (même si, souvent, elle préfèrent payer l'amande) ; l'autre c'est que ce n'est pas parce que aujourd'hui il n'y a pas handicapé visuel dans l'entreprise qu'il n'y en aura pas demain.

Note que j'ai vu récemment un autre code pour ce type où l'image est stocké dans la css, mais en utilisant une balise <a> avec un title pour la rendre lisible.

Ceci ne peut être utilisé que si l'image ne doit pas être internationalisée.

Il resterait la possibilité de rajouter une balise <style> dans le template avec juste l'information internationalisée, mais pourquoi ce compliquer la vie ?


Bonne continuation.