← All criteria
1.4.13Level AAWCAG 2.1Auto-fix: Partial

Content on Hover or Focus

Tooltips, popovers, and dropdowns triggered by hover or focus must be dismissable, hoverable (the user must be able to move pointer over the popup without it disappearing), and persistent until dismissed.

What it requires

WCAG 1.4.13 governs the behavior of any UI that appears on hover or focus and disappears on hover/focus exit. The three requirements: (1) Dismissable — keyboard-only users must be able to dismiss without moving focus, typically via Escape. (2) Hoverable — the user must be able to move the pointer over the popup without it closing (so they can read it). (3) Persistent — the popup must remain visible until the user dismisses it, focus moves elsewhere, or the information becomes invalid.

Common failure: tooltips that disappear when the user moves the pointer onto the tooltip itself (intent: read the tooltip) because the original trigger lost hover.

Common Shopify failure

Pricing-page tooltips that close immediately when the user moves the pointer over them. Custom variant-info popovers that have no close button or Escape handler. Cart-drawer mini-popover that closes on focus exit before the user can act on it.

How to fix it

AccessComply patches tooltip + popover JavaScript to handle Escape (dismissable), keep the popup open while pointer is over either trigger or popup (hoverable), and persist until dismissed (persistent).

Primary source: W3C — WCAG 2.1 Understanding 1.4.13