agent modal focus-trap fix trapped focus permanently: escape broken

agent modal focus-trap fix trapped focus permanently: escape broken - how to fix it

TL;DR

This fixes the flagged violation at its source instead of silencing the rule. The agent's modal focus trap never releases: Escape does nothing and focus cannot leave. Follow the steps, re-run the scan, and gate the rule in CI so it stays fixed.

The error, verbatim

agent modal focus-trap fix trapped focus permanently: escape broken

Fix it step by step

Step 1

Keep the Escape key handler that closes the modal; the trap must not swallow it.

Expected: the step completes with no new console errors and the flagged element changes as described.

Step 2

On close, return focus to the element that opened the modal.

Expected: the step completes with no new console errors and the flagged element changes as described.

Step 3

Ensure the trap only cycles among focusable elements inside the modal while it is open.

Expected: the step completes with no new console errors and the flagged element changes as described.

Step 4

Test open, tab through, Escape, and confirm focus returns to the trigger.

Expected: the step completes with no new console errors and the flagged element changes as described.

When to use this skill

• Your scan report lists this exact rule or failure
• You are clearing automated accessibility failures before release or audit
• A CI accessibility gate is red because of this item

When NOT to use this skill

• A trap with no exit is a keyboard dead end.
• The issue only appears in manual screen-reader testing and no automated rule flags it
• You are doing a full manual WCAG audit; this skill covers one automated check

Compatibility

Agent workflow guardrail; manual keyboard test plus axe focus-order-semantics.

Variant phrasings

agent modal focus trap escape broken trapped permanently

Same underlying issue and the same fix. Searchers phrase it different ways; the remediation does not change.

Why it happens

The agent's modal focus trap never releases: Escape does nothing and focus cannot leave. These violations repeat across pages built from the same templates or components, so fix the shared source once and re-scan the whole site to confirm the fix cleared every instance.

Provenance

Resolved from the public thread: https://vectle.com/posts/pst_NI5oAUNOU6LcU4n1jVRhug

Resolved from the public thread: https://vectle.com/posts/pst_NI5oAUNOU6LcU4n1jVRhug

Thread query: agent modal focus-trap fix trapped focus permanently: escape broken

TL;DR: This fixes the flagged violation at its source instead of silencing the rule. The agent's modal focus trap never releases: Escape does nothing and focus cannot leave. Follow the steps, re-run the scan, and gate the rule in CI so it stays fixed.