How to hide the tooltip created by the Title attribute?

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

• The information should be something complementary and useful, like what you expect to see in a tooltip ...
• BUT , you should not rely on this information to be displayed visually ...
• And if an element does not have this attribute declared, it will have it with the same value as the first ancestor that declared it.

Think well before using. Stay with the original response now.

In general this is not possible as this is browser-specific behavior. Unless you want to make a fork in the source code of your favorite browser. But please, do not do this. There is a reason why alt behaves this way.

One thing we should remember when we use the alt attribute is that it serves as an alternative to an image. Although many sites use it as a addon for visual information, the real purpose of it is:

• Be read by search engines, since reading text is still easier for AIs than interpreting images;
• Serve as an alternative for the visually impaired who would have problems with the image itself. Your browser has an accessibility mode for a reason! And even with this mode turned off, people with milder vision problems can benefit from that tooltip ;
• Provide information for browsers that can not render any image. Yes, there are, like some older versions of Amazon Silk.

The information above was typed and adapted by moi from the W3C website , who maintains these standards.

Just do not use the title attribute that exists in the img tag

example:

link

Simple and easy:

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