A Primer on Focus Trapping

A Primer on Focus Trapping

Focus trapping is a term that refers to managing focus within an element, such that focus always stays within it: This whole focus trap thing is used to create accessible modal dialogs since it’s a whole ‘nother trouble to everything else — but you don’t need it anymore if you’re building modals with the API (assuming you do it right). Anyway, back to focus trapping. Source

A Primer on Focus Trapping | CSS-Tricks

Focus trapping is about managing focus within an element, such that focus always stays within it. The whole process sounds simple in theory, but it can quite difficult to build in practice, mostly because of the numerous parts to you got to manage.