• Success Criterion 1.4.13
  • Conformance level AA

1.4.13 · Content on Hover or Focus

Lesson overview · Content on Hover or Focus

In plain language

Tooltips/menus that appear on hover or focus must stay visible, be dismissible with Esc, and let the mouse move onto them.

Who it affects

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

How to check

Hover and Tab onto each tooltip/menu: press Esc (it should close), move the pointer onto it (it should stay), and confirm it doesn't vanish on its own. Worked example — A streaming music app's search results: focus a control that triggers a popover: if it steals focus unexpectedly or the popover closes itself and dumps focus elsewhere, it fails.

Common misconception

A tooltip that appears on hover often gets ignored in testing because it looks fine to a mouse user. Try reaching it with the keyboard, or moving your mouse toward it, and many tooltips vanish before you can read them. Real example: on a university's online course catalog, content that appears on hover (tooltip, preview) vanishes when the user tries to move the mouse onto it — it can never be read closely.

Learn more

get in touch

Know where you stand. Know what to work on next.

Tell us what you’re working on and where you need support. Our accessibility specialists can help with audits, remediation, VPAT/ACR, accessible development, and ongoing compliance.

Free 30-minute consultation (opens in new tab)

Free 30-minute call: talk through where you stand, scope a project or get a quote.

Need technical answers now? Book the $100 one-hour consultation to walk through an audit, talk with a developer or review your site live.

Let’s find the barriers before your users do

Indicates a required field.


Your information is kept private and never shared with third parties.

Scenarios in this lesson