• Success Criterion 1.4.13
  • Conformance level AA

Hover Preview Card That Vanishes on the Slightest Pointer Move

1.4.13 — Content on Hover or Focus

Scenario

Setting

A car-rental site's checkout flow

What’s wrong

Hover cards (user previews) that vanish on tiny pointer jitter or timeout while being read.

Example

A car-rental site's checkout flow shows the problem clearly: hover cards (user previews) that vanish on tiny pointer jitter or timeout while being read.

Why it matters

Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus. Here, on a car-rental site's checkout flow, the result is they can't perceive part of the content because of how it's displayed.

How to test

Hover to trigger a user-preview/hover card and try to read it: if it disappears on tiny pointer jitter or times out before you finish reading, it fails.

How to fix

Hover/focus-triggered content must stay visible until dismissed, be dismissible with Esc without moving pointer/focus, and remain when the pointer moves onto it.

Outcome

After the fix, the same visitor to a car-rental site's checkout flow can now read the text clearly against its background, specifically for the “Hover Preview Card That Vanishes on the Slightest Pointer Move” issue on a car-rental site's checkout flow.

Who is affected

Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus.

Learn more

Related scenarios