Attributs alt=" et title="

Version imprimable

07/11/2008, 10h07
ceweb

Attributs alt=" et title="
Bonjour,

La balise alt=" fonctionne bien sur IE mais pas sous Firefox.

donc la balise alt=" n'est pas "compatible" même si elle passe la validation W3C en Xhtml

Est ce que les balises title=" remplacent officiellement les balises alt=" ?

y compris pour un code de formulaire comme ça :
<input id="submit" name="act" type="submit" alt="Envoyer" value="envoyer" />

Connaissez vous un problème si on remplace toutes les balises alt=" par title=" (dans un code xhtml)

Précision en éditant:
Je raconte n'importe quoi !!!
La balise alt=" fonctionne sous firefox pour afficher une image avec ce code

Code:

<p><a href="http://www.mon-site.com/" title="mon site"><img src="http://www.monsite.com/images/logo.gif" width="100" height="100" alt="Mon site"/></a></p>

C'est avec ce code map name= que la balise alt=" ne fonctionne pas avec Firefox
Code:

1 2 <map name="Map-nom-de-ma-map" id="Map-nom-de-ma-map"> <area shape="poly" coords="239,303,244" href="../mon-repertoire/ma-page.htm" alt="la balise atl ne fonctionne pas avec Firefox"/>
07/11/2008, 10h15
Bisûnûrs

Tu confonds les deux, et la mauvaise interprétation de ces attributs sur IE n'arrange pas les choses.

L'attribut alt permet de renseigner, comme son nom l'indique, un texte alternatif quand l'image ne peut pas être chargée pour une raison quelconque.
L'attribut title permet d'afficher une infobulle sur la balise au moment du passage de la souris sur celle-ci.

Donc les deux sont complémentaires et non pas identiques.
Le problème est que IE affiche une infobulle avec l'attribut alt, d'où la confusion qu'il peut y avoir entre les deux attributs.
07/11/2008, 10h51
ceweb
Merci pour cette réponse

J'ai bien tenter de placer les 2 balises en même temps :oops: mais c'est n'est pas valide Xhtml !!

Donc mon problème persiste et ma confusion aussi

J'ai un code valide Xhtml :
Code:

1 2 <area shape="poly" coords="33,310,331,302,339,325" href="../mon-repertoire/ma-page.htm" alt="Ne s'affiche pas avec Firefox"/>
Comment je peux faire pour avoir une info bulle avec Firefox en restant valide Xhtml ?

En général c'est avec IE qu'on a des problèmes :roll:
07/11/2008, 11h02
ThomasR
Bonjour,

L'attribut alt ne concerne que les images. C'est le texte alternatif, le texte affiché si l'image ne peut pas être affiché (mauvais chemin vers le fichier, problème navigateur, problème d'accès au fichier etc..)
Pour afficher une infobulle (tooltip) c'est l'attribut title qu'il faut utiliser.
Code:

1 2 <area href="page.html" title="Le texte à afficher dans l'infobulle"/>

ThomasR

Si je remplace la balise alt=" par title=" dans ce code map name=
Code:

1 2 <area shape="poly" coords="33,310,331,302,339,325" href="../mon-repertoire/ma-page.htm" alt="Ne s'affiche pas avec Firefox et la balise title n'est pas valide Xhtm !"/>
Ce n'est pas valide Xhtml !

Que dois je faire ?

07/11/2008, 11h12
franculo_caoulene

Salut,

Citation:

Envoyé par ThomasR

L'attribut alt ne concerne que les images.

c'est faux : http://www.la-grange.net/w3c/html4.0...html#edef-AREA et http://www.la-grange.net/w3c/html4.0....html#adef-alt

Citation:

Envoyé par ThomasR

C'est le texte alternatif, le texte affiché si l'image ne peut pas être affiché (mauvais chemin vers le fichier, problème navigateur, problème d'accès au fichier etc..)
Pour afficher une infobulle (tooltip) c'est l'attribut title qu'il faut utiliser

c'est vrai.
07/11/2008, 11h26
Bisûnûrs

Citation:

Envoyé par ceweb

Si je remplace la balise alt=" par title=" dans ce code

Ce n'est pas valide Xhtml !

Que dois je faire ?

L'attribut alt est obligatoire pour cette balise, donc il te faut mettre les deux.
07/11/2008, 11h49
ceweb

Citation:

L'attribut alt est obligatoire pour cette balise, donc il te faut mettre les deux.

Placer alt=" et title=" en même temps c'est pas valide Xhtml ! ;)
07/11/2008, 11h52
ThomasR

Citation:

alt Charset [name of the character set that is the target of the hyperlink] OPTIONAL

L'attribut alt est optionnel.
07/11/2008, 11h53
ThomasR

De toutes façon si tu veux faire une infobulle digne de ce nom tu devras passer par CSS(/JS).

Je pense pas que les internautes fassent attention aux infobulles title.
07/11/2008, 12h01
ceweb
ThomasR

Il me semble la balise Alt=" est utile pour les robots qui lisent les pages pour les aveugles.

Pourquoi supprimer cette balise si elle est autorisé ?

C'est pas ça le problème ;)

Comment je peux faire pour avoir une info bulle avec Firefox en restant valide Xhtml dans ce code map name=
Code:

1 2 <area shape="poly" coords="33,310,331,302,339,325" href="../mon-repertoire/ma-page.htm" alt="Ne s'affiche pas avec Firefox"/>
Sachant que alt=" ne fonctionne pas avec Firefox avec un code map name= et qu'on ne peut pas mettre alt=" et title=" en même temps

Citation:

Envoyé par ceweb

Placer alt=" et title=" en même temps c'est pas valide Xhtml ! ;)

Où as-tu vu que mettre les deux était invalide ? :koi:

Citation:

Envoyé par ThomasR

L'attribut alt est optionnel.

Je ne sais pas où tu as lu ça, mais selon la DTD XHTML 1.0 Strict :
Code:

1 2 3 4 5 6 7 8 9 <!ATTLIST area %attrs; %focus; shape %Shape; "rect" coords %Coords; #IMPLIED href %URI; #IMPLIED nohref (nohref) #IMPLIED alt %Text; #REQUIRED >

07/11/2008, 12h14
ThomasR

Citation:

Je ne sais pas où tu as lu ça, mais selon la DTD XHTML 1.0 Strict :

Sur le site du w3c...
Je viens d'inspecter les DTD XHTML tu as entièrement raison.
07/11/2008, 12h16
ceweb

Citation:

Où as-tu vu que mettre les deux était invalide ?

J'ai essayé avec le W3C Validator

et voici sa réponse :
duplicate specification of attribute "alt"

Mais tu n'as pas complètement tord, ça peut marcher si tu ne mets pas le même texte dans les 2 balises.

Mais avoir une info bulle différente entre Firefox et IE c'est un peu n'importe quoi 8-)

Citation:

Envoyé par ceweb

J'ai essayé avec le W3C Validator

et voici sa réponse :
duplicate specification of attribute "alt"

Cette erreur arrive quand tu mets deux fois l'attribut alt !

Ce code est valide, teste-le toi-même :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>Titre de la page</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
 
<div>
   <map name="maCarte" id="maCarte">
      <area title="Le texte à afficher dans l'infobulle" alt="Le texte à afficher dans l'infobulle" />
   </map>
</div>
 
</body>
</html>

07/11/2008, 12h28
Erwan31

Penser à mettre exactement les même information sur l'attribut alt et title, un
lecteur d'écran lira le plus long des deux selon sa configuration.
Ne pas oublier par ailleurs de préciser l'action du lien en fin de valeur même sur l'attribut title.

Voici un court exemple de ce que j'ai fait et qui est valide XHTML1.0 et avec une infobulle qui apparaît sous FF
Code:

1 2 3 4 5 <img id="imageIntro" src="img/intro.png" alt="Toutes nos rubriques" usemap="#mapMenu" /> <map id="mapMenu" name="mapMenu">  <area href="index.php?p=accesclient" title="Accès client" alt="Accès client" shape="rect" coords="521,0,669,392" /> </map>
Citation:

Envoyé par Erwan31

Ne pas oublier par ailleurs de préciser l'action du lien en fin de valeur même sur l'attribut title.

Peux-tu expliquer?

07/11/2008, 12h59
ceweb

Oulalala je suis allé trop vite !

Quand j'ai copier/coller la balise alt=" pour l'ajouter dans la même ligne j'ai oublié de remplacer le 2ème alt par title.

Excuse pour moi pour cette bêtise :oops:

Tu avais raison
alt et title sont tout a fait possible sur la même ligne.

Merci à tous pour votre aide

Citation:

Envoyé par Erwan31
Ne pas oublier par ailleurs de préciser l'action du lien en fin de valeur même sur l'attribut title.

Tu peux expliquer stp
07/11/2008, 14h09
Erwan31

Désolé j'aurais dû parler de fonction du lien qui est plus juste et plus parlant que action.
Exemple pour une carte de France:

Code:

<area href="tarn.php" title="Département du Tarn - Voir les informations démographiques" alt="Département du Tarn - Voir les informations démographiques" shape="..." />

Sachant que le contenu le plus important devrait être placé en début de valeur que ce soit le alt ou le title.