Advanced Toggles:

Focus Trapping

Set your traps and get ready to catch some accessibility best practices. In this lesson, we’ll learn why and how to create a so-called “focus trap” within our new modal dialog web interaction components. We’ll say goodbye to the WaffleBox web app after testing implementing and testing our focus trap using keyboard controls.

Learn More

  1. Lesson Source Code
Lesson 21 of 34