Skip to main content
WCAG success criterion · Perceivable

1.4.13 Content on Hover or Focus

Guideline 1.4 Distinguishable. Level AA, part of WCAG 2.1 and later.

ADA compliance guide

What this criterion requires

Tooltips, dropdown previews and similar content that appears on hover or focus must be dismissible (Escape), hoverable (the pointer can move onto it), and persistent until dismissed or invalid.

Who it helps

Screen magnifier users, who must move the pointer to the popup to read it, and keyboard users.

Example: fails vs passes

Fails
.hint:hover .tooltip { display: block; }  /* vanishes when the pointer leaves */
Passes
/* tooltip stays while hovered, closes on Escape */
    trigger.addEventListener("keydown", e => { if (e.key === "Escape") hide(); });
    tooltip.addEventListener("mouseenter", keepOpen);

Hover/focus content must be dismissible (Escape), hoverable (pointer can reach it) and persistent (no timers).

How to meet and fix it

Common failures auditors find

Automated scanning catches a share of these instantly - run a free check - and a manual audit covers the judgement calls a tool cannot make.

Sources

Last updated . Reviewed by the EqualWeb accessibility team.

Does your site pass 1.4.13?

Run a free automated check now, or have certified IAAP/CPWA auditors test every criterion and document the result.

Book a meeting Start Free Trial