Une bonne utilisation de l'attribut title consiste à ajouter un texte descriptif à un lien, en particulier lorsque le but du lien n'est pas très clair à partir du lien lui-même. De cette façon, les visiteurs savent où les liens les mèneront et ils ne chargeront pas une page qui ne les intéresserait pas du tout. Une autre application potentielle consiste à fournir des informations descriptives supplémentaires pour les images, telles que des dates ou d'autres informations non essentielles.
La valeur de l'attribut title peut être définie plus longtemps que la valeur de l'attribut alt. Sachez cependant que certains navigateurs tronqueront les textes trop longs (comme les infobulles ou autres). Par exemple, le navigateur principal de Mozilla ne peut afficher que les 60 premiers caractères. Ceci est considéré comme un bug de Mozilla et vous devez en être conscient.
Réfléchissez avant d'utiliser
Mon conseil est de garder votre texte alternatif à l'essentiel. Dans la plupart des applications, il doit être laissé vide, alt="" (notez qu'il n'y a pas d'espace entre les guillemets). Pensez à ces images, quelles informations fournissent-elles à ceux qui les regardent, quels mots devriez-vous utiliser pour les décrire ou quelles informations devriez-vous fournir aux personnes qui ne peuvent pas voir les images ? Est-ce que cela aidera vraiment quelqu'un qui ne peut pas voir l'image d'écrire le texte alternatif comme « Photo : PDG debout à l'extérieur d'un bâtiment, vêtu d'un costume gris et d'une cravate noire, regardant le ciel » ? Si vous le pensez, écrivez-le. Dans de nombreux cas, je pense qu'il est préférable de laisser le texte de remplacement vide.
Pour l'attribut title, il est difficile de donner des instructions d'utilisation strictes. Je l'utilise principalement sur des liens qui ne sont pas explicites, comme le même texte de lien sur la même page, mais des pages liées différentes. Parfois, un texte plus descriptif est fourni pour certains boutons ou éléments de formulaire.
Description plus longue
Lorsqu'une image nécessite une description plus longue que celle autorisée par l'attribut alt, il existe quelques options.
L'attribut longdesc peut être utilisé pour fournir un lien vers une page distincte contenant une description textuelle de l'image. Cela signifie relier le spectateur à une autre page, ce qui peut entraîner des difficultés de compréhension. De plus, la prise en charge par le navigateur de l'attribut longdesc est incohérente et pas très bonne.
L'attribut longdesc peut contenir un lien vers d'autres parties du document actuel (ancre) au lieu d'un lien vers une autre page. Dans les notes de bas de page sur l'accessibilité, Andy Clarke explique très bien comment l'appliquer.
Les liens de description (liens D) peuvent être utilisés pour compléter longdesc. Un lien de description est un lien régulier vers une page contenant du texte alternatif. Le lien est placé à côté de l'image et est disponible dans tous les navigateurs. Il existe de nombreuses opinions différentes sur son efficacité, et personnellement, je n'aime pas cette note. WCAG également, dans leur version de travail des techniques HTML pour WCAG 2.0, les liens de description sont "obsolètes".
Si une longue description de l'image est utile à tout spectateur, vous devriez alors envisager de simplement l'afficher dans le même document, plutôt que de créer un lien vers d'autres pages ou de la masquer. Ainsi tout le monde peut le lire. Il s’agit d’une approche simple et peu technologique.
Plus d'informations
Vous voulez en savoir plus sur les attributs alt, title et longdesc ? Regardez ici :
Directives sur les textes alternatifs dans les éléments img Rédiger un bon texte ALT Alternatives accessibles Notes de bas de page sur l'accessibilité Le problème de l'image Attribut de titre – Votre avis Utiliser des titres de liens pour aider les utilisateurs Prédire où ils vont Comment spécifier un texte alternatif L'attribut titre
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
