How to hide the tooltip created by the Title attribute?

Question

There’s a way to hide the tooltip created by Title while holding the mouse over the IMG, through CSS or Javascript?

Answer 1

Editing: the original question was about the attribute alt. About the attribute title, the W3C has the following considerations:

• Information should be complementary and useful, such as what is expected to be seen in a tooltip...
• HOWEVER, this information shall not be visually displayed...
• And if an element does not have that declared attribute, it will have it with the same value as the first ancestor who declared it.

Think carefully before using. Stay now with the original answer.

---

In general it is not possible, as this is a specific behavior of the browser. Unless you want to make a Fork in the source code of your favorite browser. But please don’t do that. There’s a reason for alt behave in that way.

Something to remember when using the attribute alt is that it serves as alternative an image. Although many websites use it as complement for visual information, his real purpose is:

• To be read by search engines, as reading text is still easier for AI’s than interpreting images;
• Serve as an alternative for visually impaired people who would have problems with the image itself. Your browser has an accessibility mode for a reason! And even with that off mode, people with lighter vision problems can benefit from that tooltip;
• Provide information to browsers who cannot render any and all images. Yes, there are, like some older versions of Amazon Silk.

The information above was stolen and hacked by moi of W3C website, who is the one who maintains these standards.

Answer 2

Just don’t use the attribute title that exists in the tag img

example:

http://jsfiddle.net/deFreitas/jdgtx1px/

Answer 3

Simple and easy:

$('img').attr('title','');