a11y: add keyboard Escape listener to command palette modal
Open
Beginner friendly
Nobody has claimed this yet.
area:dashboard
beginner friendly
community
contributions-welcome
difficulty:beginner
difficulty:easy
enhancement
good first issue
help wanted
time:30-60m
type:a11y
up-for-grabs
- Dominant language
- TypeScript
- Stars
- 5
- Forks
- 7
- Avg merge
- 39m
- Merged PRs (30d)
- 39
Description
🎯 What needs to be done
Ensure the Command Palette modal (Ctrl+K / Cmd+K) listens for the Escape key event and gracefully closes the dialog, returning focus to the previous element.
Why this matters
Keyboard accessibility requires that all modal dialogs can be dismissed with the standard Escape key.
📍 Where to work
src/features/command-center/command-palette-modal.tsx
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in src/features/command-center/command-palette-modal.tsx and inspect how the Ctrl+K/Cmd+K modal opens, closes, and manages focus. Add the Escape-key behavior so the dialog closes gracefully and focus returns to the previously focused element; done means both keyboard shortcuts still open the modal and Escape dismisses it accessibly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 84/100