web-dev-qa-db-fra.com

Que dois-je utiliser pour la souris sur l'info-bulle pour l'image (alt, longdesc, title)

Actuellement, mes images de page Web utilisent uniquement l'attribut alt.
Les utilisateurs se plaignent de ce que leur IE8 ne peut pas afficher la bulle "info-bulle" en survolant l'image. Sur la page Nouveautés de Internet Explorer 8 de Microsoft, il est indiqué

L'attribut alt n'est plus affiché en tant qu'info-bulle d'image lorsque le navigateur s'exécute en mode IE8 Standards. Au lieu de cela, la cible de l'attribut longDesc est utilisée comme info-bulle si elle est présente. sinon, le titre est affiché. L'attribut alt est toujours utilisé en tant que nom Microsoft Active Accessibility et l'attribut title est utilisé en tant que nom de secours uniquement si alt n'est pas présent.

J'ai aussi constaté que beaucoup disent que le titre devrait être utilisé.
Que dois-je utiliser pour respecter la norme industrielle: alt, longdesc ou title?

htmlaccessibility
2
user20757

De nombreux CMS placent ce contenu à la fois dans les attributs title et alt, mais ces attributs ont des significations sémantiques différentes. Alors que title est explicitement destiné à être utilisé pour les info-bulles, alt est (a) ce qui est lu par les utilisateurs malvoyants et (b) ce qui est rendu si l'image ne se charge pas pour une raison quelconque. Si vous n'écrivez qu'un morceau de texte et que vous le dupliquez à l'aide de jQuery, je l'écrirais pour l'attribut alt et le copierais dans title à l'aide du code jQuery suivant:

$().ready(function(){
    $('img[alt]').each(function(){
        $(this).attr('title', $(this).attr('alt'));
    }
}

Veillez à modifier la pièce img[alt] si vous ne souhaitez pas appliquer cette modification à toutes les images de la page. Par exemple, utilisez #content img[alt] pour l'appliquer uniquement aux descendants de <div id="content">.

La décision d'utiliser alt sur title dans votre code HTML repose sur trois facteurs: premièrement, l'accessibilité est importante et vous ne pouvez pas compter sur l'activation de Javascript; Deuxièmement, il semble que vous ayez déjà les attributs alt en place. Troisièmement, l'info-bulle dans ce cas est une demande d'utilisateur non standard que vous voudrez peut-être désactiver à l'avenir, mais le texte devrait toujours être associé aux images même si vous le faites.

0
michaelcgorman

Les attributs de titre dans les balises <img> sont ce qui apparaît par défaut au survol de la souris. J'utiliserais l'attribut title ou utiliserais un plugin jQuery pour créer de plus jolies info-bulles sur le survol de la souris.

1
Anagio