a11y: add keyboard Escape listener to command palette modal

Open Beginner friendly
#28 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
84/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript

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.

Description

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

🎯 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
Dominant language
TypeScript
Stars
5
Forks
7
Avg merge
58m
Merged PRs (30d)
42

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from TheVicky1/Pact_OS

All issues in TheVicky1/Pact_OS

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.