Practice Challenges

Delete Workspace Gate

ProjectHub workspace deletion is triggered by a modal. However, hitting the "Enter" key on the keyboard auto-submits the form, allowing users to wipe their data without looking.

Select a Challenge Brief (5)

“

A user deletes their workspace by accident because the enter key auto-submits the delete modal.

Intermediate— Requires managing safety triggers, focus trapping, and keyboard cancel states.

Context & Background

ProjectHub workspace deletion is triggered by a modal. However, hitting the "Enter" key on the keyboard auto-submits the form, allowing users to wipe their data without looking.

Target Users

Collaborators who require maximum safety constraints when modifying workspace configurations.

Inspiration & Benchmarks

GitHub Deletion Modal— Strict name match checks and locked delete CTAs.
Linear Settings— Keyboard accessible, beautifully sized dialog cards.

Your Task

Design a secure "Delete Workspace" modal dialog. Include text field prompts, key-entry validator rules, and distinct cancel button elements.

Hard Constraints

  • Modal overlay must block keyboard tab access to background content
  • Escape key (ESC) must trigger modal dismiss
  • Must require typing the workspace name to unlock delete button

Concepts This Tests

Error PreventionKeyboard Navigation (WCAG 2.1.1)

Evaluate Yourself

0/4 completed (0%)