Warum ein HTML-Bild-Alt-Text beim Hover nicht angezeigt wird

Im Gegensatz zum Microsoft Internet Explorer-Browser zeigen Mozilla Firefox, Google Chrome und andere Browser den im Alt-Attribut verwendeten Text nicht an, wenn Sie mit der Maus über ein Bild fahren. Der Alt-Text soll angezeigt werden, wenn ein Bild nicht geladen wird, während der Titeltext dazu dient, Sprechblasentext für Bilder anzuzeigen, die dies tun. Firefox, Chrome und andere Browser (außer Internet Explorer) folgen den W3C-Standards für HTML, die besagen, dass ein Bild ein Titelattribut für Sprechblasentext haben sollte. Aus diesem Grund zeigen diese Browser den Alt-Text nicht an, wenn Sie mit der Maus über das Bild fahren.

Wenn Sie möchten, dass Sprechblasentext angezeigt wird, wenn Sie mit der Maus über ein Bild fahren, fügen Sie „title“ zum img-HTML-Tag hinzu, wie im folgenden Beispielcode gezeigt.

Warum ein HTML-Bild-Alt-Text beim Hover nicht angezeigt wird
Bild mit nur einem Alt-Attribut.
(Zeigt keinen Sprechblasentext an.)

<img alt="Example of alt text" src="https://www.computerhope.com/cdn/media/logo-200-gray.png">

Warum ein HTML-Bild-Alt-Text beim Hover nicht angezeigt wird
Bild mit Alt- und Titelattributen.
(Zeigt Sprechblasentext mit Mauszeiger.)

<img alt="Example of alt text" title="Example of title text" src="https://www.computerhope.com/cdn/media/logo-200-gray.png">

Wenn Sie Mozilla Firefox oder Google Chrome verwenden, zeigt das erste Beispiel keinen Sprechblasentext mit nur einem Alt-Attribut im Code an. Wenn Sie jedoch das Titelattribut hinzufügen, wie im zweiten Beispiel zu sehen, wird Sprechblasentext angezeigt, wenn die Maus über das Bild bewegt wird.

Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here