Le titre alternatif fournit à l’utilisateur une information additionnelle sur un segment de texte dont la signification est ambiguë ou restreinte. On l’utilise surtout comme commentaire d’hyperlien pour en préciser la destination, et comme définition de sigle pour en donner le nom complet.
Lorsque le curseur s’arrête sur un lien « titré », une infobulle contenant la valeur (le texte) de l’attribut title d'une balise HTML apparaît à l’écran.
Le texte de cette infobulle (un maximum de 60 à 85 caractères selon le navigateur) doit annoncer le contenu de la page interne ou externe qui sera téléchargée si l’utilisateur clique sur le lien. Toutefois, si le texte d’appel est explicite, il n'est pas utile de titrer l’hyperlien. Le texte pourra aussi mentionner la langue utilisée dans la page à télécharger si cette langue est étrangère, de même que le format de cette page si ce format nécessite un temps de téléchargement supérieur au format .html : .pdf, .jpg, audio, etc.
<a href="www.richarddesormeau.com" title="Site de Richard Désormeau, architecte de l’information et rédacteur-réviseur">Richard Désormeau</a> = Richard Désormeau
Lorsque le curseur survole un sigle ou tout autre texte souligné par un pointillé, il est souhaitable de modifier le style du curseur pour qu’un point d’interrogation apparaisse à la droite de la flèche. Le point d’interrogation apparaît instantanément et avertit l’utilisateur de l’arrivée imminente d’une infobulle. En effet, l’infobulle prend une seconde avant d’apparaître à l’écran et la plupart des utilisateurs ne positionnent pas leur curseur aussi longtemps (ou pas du tout) sur une zone de texte soulignée.
<acronym title="Office québécois de la langue française">OQLF</acronym> = OQLF
acronym[title] {
cursor:help;
border-bottom:1px dotted gray;
}
Note : Internet Explorer 6 et ses versions antérieures ne supportent pas les sélecteurs d’attribut de la norme CSS 2.1, contrairement à la plupart des navigateurs et à IE7. Ils n’affichent donc pas le pointillé et le point d’interrogation lorsque le curseur survole un texte dont la balise contient un attribut title.
La stylisation du curseur pour les hyperliens contenant un attribut title est plus délicate. L’apparition systématique d’un point d’interrogation au survol des hyperliens pourrait ralentir inutilement l’expérience utilisateur, surtout dans l’utilisation des barres de navigation. Il est sans doute préférable, dans ce cas, d’appliquer un style au curseur seulement lorsqu’il survole un hyperlien placé dans le texte courant et, de préférence, pointant vers un site externe, à l’aide d’une balise span et en combinant les sélecteurs : span a[title] {cursor:help;}.
Contrairement à la description alternative d’une image, le titre alternatif n’est pas une option par défaut des navigateurs de synthèse vocale pour déficients visuels. L’utilisateur d’un tel navigateur doit activer la lecture de l’attribut title pour l’entendre. Comme ces navigateurs lisent déjà le texte d’appel des hyperliens, il est inutile d’insérer un titre alternatif redondant dans tous les liens uniquement à des fins d’accessibilité.
L’ajout de titres alternatifs dans le code source d’une page Web en augmente bien entendu la densité relative des mots-clés. Le rédacteur se doit d’utiliser cet outil lorsqu’il rédige en fonction du référencement.
Cependant, il n’est pas prouvé que les robots des moteurs de recherche, Google en tête, tiennent compte de la valeur de l’attribut title, qui peut donner lieu à de l’abus. Ne serait-ce que pour faciliter la navigation sur un site Web, le rédacteur veillera tout de même à ce que les titres alternatifs enrichissent les textes d’appel, qui, eux, ont un poids significatif pour les robots d’indexation.
