Hide browser tooltips on hover while preserving accessibility for screen readers.

Jose Mortellaro

Remove native browser tooltips while preserving accessibility.
By default, when you hover over an element with a title attribute, the browser displays a native tooltip. These tooltips often don’t match your website’s design and can be distracting or redundant.
Hide Titles On Hover solves this by replacing all title attributes with aria-label attributes. This preserves accessibility for screen readers while preventing tooltips from appearing on hover.
🎯 No settings required. Just install and activate.
<h3>✅ Key Features</h3>
🔧 Automatically removes all native browser tooltips
♿ Fully accessible via aria-label for screen readers
⚡ Zero configuration – plug and play
🌐 Works site-wide out of the box
🔍 Want to disable it on specific pages? 
While the plugin doesn’t have built-in settings, you can selectively disable it using the free plugin Freesoul Deactivate Plugins.
This allows you to deactivate Hide Titles On Hover only on pages where you still want tooltips to appear.
<h3>🚀 Upgrade to PRO – Custom Title Tooltip</h3>
Looking for more control and a better user experience?
Check out the PRO version: <a href="https://shop.josemortellaro.com/downloads/custom-title-tooltip/" rel="nofollow ugc">Custom Title Tooltip</a>
With Custom Title Tooltip, you can:
✅ Keep tooltips but fully customize their appearance
🎨 Match tooltip design to your theme with controls for:
Colors
Font size
Radius
Tooltip position
and more!
<h3>How to get started with Custom Title Tooltip:</h3>
Install and activate Custom Title Tooltip
Go to Custom Title Tooltip in your WordPress admin menu
Configure your styles and save changes
<h3>🙌 Ideal for:</h3>
Designers who want full visual control
Accessibility-conscious developers
Minimalists who prefer a cleaner user experience

Alternatives to Hide Tooltips on Hover – Clean Up Title Attributes Without Losing Accessibility

Top alternatives