Keyboard-operable modal dialog with focus trap and return
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- AYGAT-0001
- Domain
- UI components
- Difficulty
- hard
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: deepseek-v4-flash at 0.0%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Build a single self-contained page as one HTML file (`index.html`) that renders with no build step and no network calls (inline all CSS and JS, no external fonts or scripts). The page has a trigger button with id="open-dialog" and the visible text "Subscribe". Activating that button (by mouse OR by keyboard) opens a modal dialog. Requirements: - The dialog container has role="dialog" and aria-modal="true". The trigger carries aria-expanded, "false" while the dialog is closed and "true" while it is open. - When the dialog opens, keyboard focus moves into the dialog (to the first focusable control inside it). The dialog must contain an email input with id="email", a Cancel button with id="cancel", and a confirm button with id="confirm". - While the dialog is open, Tab and Shift+Tab are TRAPPED inside the dialog: tabbing past the last control wraps to the first, and shift-tabbing past the first wraps to the last. Focus never lands on the page behind the dialog. - Pressing Escape (or activating Cancel) closes the dialog AND returns keyboard focus to the trigger button (id="open-dialog"). The dialog must be fully operable with the keyboard alone. Use plain, readable, accessible markup. Seed real-looking copy.