• Success Criterion 1.4.13
  • Conformance level AA

Auto-Hiding Hover Content That Times Out Before It’s Read

1.4.13 — Content on Hover or Focus

Scenario

Setting

A telehealth app's video-visit waiting room

What’s wrong

Auto-hiding toast-style hover content timed out before it can be read (not persistent).

Example 

function showTip() {
  tip.style.display = 'block';
  setTimeout(function () { tip.style.display = 'none'; }, 2000);
}
element.addEventListener('mouseenter', showTip);

Why it matters

A patient hovering the connection icon to read the troubleshooting tip gets 2 seconds before it vanishes automatically, often before they finish reading it.

How to test

Trigger hover content and time it: if it auto-hides (like a toast) before a normal reading pace could finish it, it fails.

How to fix

Let hover or focus content persist until the user dismisses it or moves away, rather than an arbitrary timer.

element.addEventListener('mouseenter', function () { tip.style.display = 'block'; });
element.addEventListener('mouseleave', function () { tip.style.display = 'none'; });

Outcome

A patient finishes reading the full troubleshooting tip instead of watching it disappear mid-sentence.

Who is affected

Users who read more slowly, including some with cognitive or vision disabilities, lose the message before they can finish it.

Learn more

Related scenarios