zero·style

Dictionary entry

focus trap

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

A technique that keeps keyboard focus inside an open dialog or menu, so pressing Tab cycles only through that element's controls instead of wandering off to the page behind it.

Synonyms

  • focus containment

Related terms

In plain words

  • keeps tabbing stuck inside the popup
  • the popup that won't let your keyboard escape until you close it

Usage example

The modal sets a focus trap so keyboard users can't accidentally tab into the hidden page.

Don't confuse with…

  • focus ringA focus ring is the visible outline on the selected control; a focus trap is the behaviour that keeps focus within a region.

Categories

  • Interaction patterns

Related-term graph

Two hops from focus trap — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedfocus trap related of accessibility
  • Relatedfocus trap related of keyboard navigation
  • Relatedaccessibility related of alt text
  • Relatedaccessibility related of color contrast
  • Relatedkeyboard navigation related of focus indicator
  • Relatedkeyboard navigation related of focus order
  • Relatedkeyboard navigation related of focus trap
  • Relatedkeyboard navigation related of skip link
  • Relatedaccessibility related of touch target

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief