focus-management

SKILL.md

Essential patterns for managing keyboard focus in accessible web applications, ensuring keyboard-only users can navigate complex interactive components.

| Decision | Option A | Option B | Recommendation |

| Trap vs Contain | FocusTrap (strict) | FocusScope (soft) | Trap for modals, Scope for popovers | | Restore strategy | Trigger element | Last focused | Always restore to trigger | | Skip links | Single main skip | Multiple landmarks | Multiple for complex layouts | | Initial focus | First focusable | Auto-focus input | Context-dependent, prefer inputs |

Keyboard focus management patterns for accessibility. Covers focus traps, roving tabindex, focus restore, skip links, and FocusScope components for WCAG-compliant interactive widgets. Use when implementing focus traps or keyboard navigation. Source: yonatangross/orchestkit.

View raw