Mozilla Firefox

Pourquoi une image HTML alt texte ne s’affiche pas au survol

Mise à jour : 12/31/2017 par Lojiciels.com

Contrairement au navigateur Internet Explorer de Microsoft, Mozilla Firefox, Google Chrome et d’autres navigateurs n’affichent pas le texte utilisé dans l’attribut alt lorsqu’on survole une image. Le texte alt est conçu pour s’afficher lorsqu’une image ne se charge pas, tandis que le texte title est conçu pour afficher un texte en bulle pour les images qui se chargent. Firefox, Chrome et les autres navigateurs (à l’exception d’Internet Explorer) suivent les normes du W3C pour le HTML, qui stipule qu’une image doit avoir l’attribut title pour le texte de la bulle. Pour cette raison, ces navigateurs n’affichent pas le texte alt au survol de l’image.

Si vous voulez que le texte de la bulle apparaisse lorsque la souris survole une image, ajoutez « title » à la balise HTML img comme le montre l’exemple de code ci-dessous.

Image avec seulement un alt attribut.
(Ne montre pas le texte des ballons).

Exemple de texte alternatif

Exemple de texte alternatif
Image avec les deux alt et titre attributs.
(Affiche le texte du ballon avec le survol de la souris.)

Exemple de texte alternatif

Si vous utilisez Mozilla Firefox ou Google Chrome, le premier exemple n’affiche pas de texte en bulle avec seulement un attribut alt dans le code. Cependant, l’ajout de l’attribut title, comme dans le deuxième exemple, affiche un texte en bulle lorsque la souris survole l’image.

Afficher plus
Bouton retour en haut de la page

Adblock détecté

Veuillez désactiver votre bloqueur de publicités pour pouvoir visualiser le contenu de la page. Merci