Discussion :

[ceweb]

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 :

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

<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 :

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

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"/>

[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.

[ceweb]

Merci pour cette réponse

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

Donc mon problème persiste et ma confusion aussi

J'ai un code valide Xhtml :

Code :

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

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

[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 :

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

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

[ceweb]

ThomasR

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

Code :

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

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 ?

[franculo_caoulene]

Salut,

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

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.

[Bisûnûrs]

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.

[ceweb]

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 !

[ThomasR]

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

L'attribut alt est optionnel.

[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.

[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 :

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

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

[Bisûnûrs]

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

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

L'attribut alt est optionnel.

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

Code x :

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

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
  >

[ThomasR]

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.

[ceweb]

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

[Bisûnûrs]

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 :

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

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>

[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.

[franculo_caoulene]

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 :

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

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

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?

[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

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

Merci à tous pour votre aide

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

[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 :

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

 <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.