A modal or dialog is lacking a keyboard tabloop
| Field | Value |
|---|---|
| Rule code | Manual_ModalTabLoop_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 2.1.1 Keyboard |
| Must be fixed at source | No |
Description
A modal or dialog was detected without a proper keyboard tab loop. Without a tabloop implemented, keyboard users may accidentally tab past the modal and interact with background content, making it difficult to return to the content window. Ensuring focus is trapped within the modal until the user interacts with it will prevent navigation issues.
How to fix
Implement a focus trap by looping focus within the modal. Keep user keyboard focus inside the modal until one of the interactive elements: a close button or the first interactive element of the modal is activated.