Aller au contenu

Voir les attributs alt d'image sous firefox


Kennyad

Sujets conseillés

Bonjour,

J'utilise depuis peu firefox (j'essaye d'arrêter IE :P ) et je voulais savoir comment on pouvait faire pour voir les alternative des images.

Sous ie, si on laisse sa souris assez longtemps sur une image, on voit ce qu'il y a dans le alt, sous firefox non.

Travaillant dans l'accessibilité, j'en ai souvent l'utilité pour savoir si mes pages sont correctes.

Merci de vos réponses

Lien vers le commentaire
Partager sur d’autres sites

Bonjour Kennyad :)

Il faut distinguer alt et title.

IE affiche l'alt quand on laisse la souris sur l'image (ou le title s'il est renseigné)

FF n'affiche que le title et garde le alt pour ce pour quoi il est fait : remplacer une image par du texte quand nécessaire.

Il y a surement d'autres subtilités, je laisse les pros du xhtml compléter ma réponse :P

Lien vers le commentaire
Partager sur d’autres sites

Je parle bien d'alternative aux images même si elle ne sont pas des liens.

Pour le clik droit puis propriété oui mais c un peu plus embettant à faire c si facil de laisser sa souris sur l'image et d'attendre 1 sec. ;)

En tout cas merci pour vos réponses déjà

Lien vers le commentaire
Partager sur d’autres sites

Salut,

Sache que le title de l'image, c'est le titre de celle-ci donc bien évidemment ce qu'affichent Firefox ou Opera.

Par contre, Internet Explorer, fidèle à sa... spécificité... ignore le title et affiche le alt, ce qui est évidemment inapproprié...

Mais si tu veux, l'extension WebDeveloper permet de remplacer les images par leur attribut title ou alt, afin de pouvoir les visualiser :)

Amicalement,

Loupilo.

Lien vers le commentaire
Partager sur d’autres sites

Merci,

J'ai installé maitenant je vais tester.

merci pour l'info title alt, je ne savais même pas que l'attribut title existé pour une image! Je me coucherais moins bête ce soir.

Mais c'est quand même discutable ce truc car un mal voyant utilisant firefox aimerait voir les alternative des images même si ils les autorise, à la façon de windows. La preuve j'ai été surpris. La plupart des gens ne metten pas de title dans les images mais placent plutot des alt.

Le monde du HTML me réservera toujours des surprises :up:

Lien vers le commentaire
Partager sur d’autres sites

alt et title n'ont pas la même fonction, alt sert à mettre un texte alternatif, de remplacement au cas où l'image soit indispo, title sert à fournir une info suplémentaire au passage de la souris.

Donc pour les images et l'action que tu recherches, c'est à toi de mettre l'attribut title correctement renseigné.

Lien vers le commentaire
Partager sur d’autres sites

En fait, tu viens de mettre le doigt sur une des bonnes raisons de se conformer aux standards : l'interopérabilité.

alt

Cet attribut spécifie un texte de remplacement pour les agents utilisateurs qui sont incapables d'afficher les images, les formulaires ou les applets.

...

On doit spécifier l'attribut alt sur les éléments IMG et AREA.

title

Cet attribut fournit des informations consultatives concernant l'élément sur lequel il se place.

...

Les agents utilisateurs peuvent restituer les valeurs des attributs title de diverses façons. Les navigateurs visuels peuvent, par exemple, afficher leur valeur sous la forme d'une « infobulle » [ndt. tool tip] (un bref message qui apparaît quand le dispositif de pointage reste au-dessus d'un objet). Dans le même ordre d'idée, les agents utilisateurs sonores peuvent vocaliser les informations de titre. Par exemple, le placement de l'attribut sur un lien permet aux agents utilisateurs (visuels et non-visuels) d'indiquer à l'utilisateur la nature de la ressource reliée

Lien vers le commentaire
Partager sur d’autres sites

En d'autres termes, à la suite de Monique :

alt est obligatoire. Il donne un équivalent textuel à l'image pour les non-voyants, mal-voyants, les "machines" aveugles et ceux qui désactivent les images.

title est une possibilité offerte d'ajouter une donnée supplémentaire sur l'image, c'est à dire une metadonnée.

Pratiquement tous les éléments de contenu HTML supportent l'attribut title, et peuvent ainsi être enrichi d'une métadonnée.

Pour une image, ce pourrait être la mention de l'auteur, des droits, d'une date... par exemple

Lien vers le commentaire
Partager sur d’autres sites

Bonsoir,

Je trouve ce post très intéressant car même si je connaissais l'attribut title pour les images, je ne m'en servais pas, et ce fil m'interroge. J'ai l'impression qu'au niveau de l'accessibilité le alt et le title peuvent faire double emploi et plutôt rendre l'image intraduisible (ou plus exactement complexe) pour le navigateur texte ou vocal ex :

<img src="test.jpg" alt="Ceci est une image" title="image test" />

Si le navigateur vocal prend en compte les 2 balises, le visiteur ne va pas trop comprendre pourquoi il y a 2 descriptions, et va peut-être même croire qu'il y a 2 images. Alors je me demande encore si je devrais renseigner le title des balises images, j'ai peur que ça aille plutôt à contre courant de l'accessibilité... @+

Lien vers le commentaire
Partager sur d’autres sites

Non, le navigateur si limage n'est pas dispo affichera l'attribut alt en texte et affichera title au passage de la souris.

<{POST_SNAPBACK}>

Ok merci, je vais renseigner alors les champs title, ça peut peut-être améliorer mon référencement :D ! @+

Lien vers le commentaire
Partager sur d’autres sites

Vraiment pas évident de bien faire... :wacko:

Un extrait de l'aide de Jaws :

Paramètres des graphiques HTML

JAWS fournit des paramètres de sorte que vous pouve définir les graphiques et les informations que vous voulez entendre.

Définir JAWS pour dire tous les graphiques, seulement les graphiques étiquetés ou aucun graphique. Par défaut, JAWS dit seulement les graphiques "étiquetés" Les graphiques qui ne contiennent ni attribut alt ni de titre sont ignorés. Les graphiques qui contiennent un texte nul ou un texte alt vide sont ignorés même si avez configuré JAWS pour dire tous les graphiques.

Si JAWS est configuré pour dire tous les graphiques et qu'aucun titre ni alt n'est disponible, JAWS lit le nom de fichier du graphique.

Définir l'ordre selon lequel JAWS recherche les informations des graphiques. JAWS dit la première information trouvée. Configurer JAWS pour rechercher le texte alt, la chaîne de caractères la plus longue, une citation de l'attribut " souris" ou définir une recherche personnalisée des informations sur graphiques.

Et je viens de faire l'essai suivant, avec le paramétrage par défaut de Jaws :

- image sans attribut => n'annonce rien

- image avec alt => annonce "graphique contenu de alt"

- image avec title => annonce "graphique contenu de title"

- image avec alt et title => annonce "graphique contenu de alt"

- image avec alt vide => n'annonce rien

- image avec alt vide et title => annonce "graphique contenu de title"

Conclusion : avec le paramétrage par défaut, si les deux attributs sont complétés le contenu de l'attribut title ne sera pas lu... donc les informations complémentaires que l'on souhaite fournir seraient perdues :(

PS : même en sachant qu'il s'agissait d'images dans ma page d'essai, j'ai mis du temps à comprendre que la synthèse disait "graphique" :huh:

Lien vers le commentaire
Partager sur d’autres sites

Vraiment pas évident de bien faire...  :wacko:

Un extrait de l'aide de Jaws :

Et je viens de faire l'essai suivant, avec le paramétrage par défaut de Jaws :

- image sans attribut => n'annonce rien

- image avec alt => annonce "graphique contenu de alt"

- image avec title => annonce "graphique contenu de title"

- image avec alt et title => annonce "graphique contenu de alt"

- image avec alt vide => n'annonce rien

- image avec alt vide et title => annonce "graphique contenu de title"

Conclusion : avec le paramétrage par défaut, si les deux attributs sont complétés le contenu de l'attribut title ne sera pas lu... donc les informations complémentaires que l'on souhaite fournir seraient perdues  :(

Merci Monique... Justement je trouve cela beaucoup plus intéressant qu'il ne lise que l'attribut alt, car l'attribut title n'a pas forcément de raison d'être complémentaire, donc cela aurait pu être dommage qu'il lise les 2, tout du moins brouillon. @+

Lien vers le commentaire
Partager sur d’autres sites

Quand on lit l'aide de Jaws, on comprend pourquoi la plupart des utilisateurs gardent la configuration par défaut... sans un minimum de connaissance HTML, les explications sont vides de sens :huh:

Je comprends aussi la réponse de l'étudiant non-voyant qui m'a fait une démonstration de son utilisation de Jaws.

C'était à propos des liens et du choix possible de la lecture des titres ... il m'a dit avoir essayé mais n'avoir constaté aucune différence. En fait, rien ne lui permettait de savoir si la synthèse lisait le contenu de l'attribut title ou le texte sur lequel le lien était fait !

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...