- Success Criterion 1.4.13
- Conformance level AA
Hover Preview That Blocks the Page Until the Pointer Leaves
1.4.13 — Content on Hover or Focus
Scenario
Setting
A ticket marketplace's seat-selection map
What’s wrong
Hover previews that trap scrolling or block clicks on underlying content until pointer leaves, but content also can't be dismissed.
Example
A QA pass on a ticket marketplace's seat-selection map turns this up: hover previews that trap scrolling or block clicks on underlying content until pointer leaves, but content also can't be dismissed.
Why it matters
Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus. On a ticket marketplace's seat-selection map, that means they can't perceive the control's boundary or state.
How to test
Hover to trigger a preview: if it traps scrolling or blocks clicks on the underlying content until the pointer physically leaves, and can't otherwise be dismissed, 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
With the fix in place on a ticket marketplace's seat-selection map, they tell the information apart without relying on color.
Who is affected
Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Hover Tooltip That Vanishes Before the Pointer Can Reach It
- Hover Content That Can’t Be Dismissed Without Moving the Mouse
- Tooltip That Can’t Be Closed With the Escape Key
- Mega-Menu That Collapses When Crossing the Gap to Reach It
- Hover Preview Card That Vanishes on the Slightest Pointer Move
- Focus-Triggered Popover That Steals or Dumps Keyboard Focus