- Success Criterion 1.4.13
- Conformance level AA
Mega-Menu That Collapses When Crossing the Gap to Reach It
1.4.13 — Content on Hover or Focus
Scenario
Setting
A subscription box service's account settings
What’s wrong
Mega-menus opening on hover that collapse when crossing a gap to reach them.
Example
Try this on a subscription box service's account settings: mega-menus opening on hover that collapse when crossing a gap to reach them.
Why it matters
Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus. On a subscription box service's account settings, that means they miss information conveyed only by color.
How to test
Hover over a mega-menu trigger, then move the pointer diagonally toward the opened menu: if there's a gap that causes it to collapse before you arrive, 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 subscription box service's account settings, 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
- Hover Preview Card That Vanishes on the Slightest Pointer Move
- Focus-Triggered Popover That Steals or Dumps Keyboard Focus
- Tooltip That Covers the Very Field It’s Meant to Explain