- Success Criterion 1.4.13
- Conformance level AA
Focus-Triggered Popover That Steals or Dumps Keyboard Focus
1.4.13 — Content on Hover or Focus
Scenario
Setting
A streaming music app's search results
What’s wrong
Focus-triggered popovers that steal or dump focus, closing themselves (interacts with 3.2.1).
Example
Open a streaming music app's search results and this is what you'll see: focus-triggered popovers that steal or dump focus, closing themselves (interacts with 3.2.1).
Why it matters
Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus. On a streaming music app's search results specifically, they can't perceive the control's boundary or state.
How to test
Focus a control that triggers a popover: if it steals focus unexpectedly or the popover closes itself and dumps focus elsewhere, 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
Fixed, a visitor to a streaming music app's search results can see the control's boundary and current state, specifically for the “Focus-Triggered Popover That Steals or Dumps Keyboard Focus” issue on a streaming music app's search results.
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
- Tooltip That Covers the Very Field It’s Meant to Explain