Skip to content

fix(a11y): add role="dialog" and aria-modal to McpConfigPreviewDialog#451

Merged
xiaolai merged 1 commit intomainfrom
fix/444-dialog-aria-attrs
Mar 17, 2026
Merged

fix(a11y): add role="dialog" and aria-modal to McpConfigPreviewDialog#451
xiaolai merged 1 commit intomainfrom
fix/444-dialog-aria-attrs

Conversation

@claude
Copy link
Contributor

@claude claude bot commented Mar 17, 2026

Summary

  • Add role="dialog", aria-modal="true", and aria-label to the MCP config preview dialog
  • Fixes screen reader announcement and focusGuard.ts modal detection ([role='dialog'][aria-modal='true'] selector)

Closes #444

Test plan

  • Open Settings → MCP → Install config for any provider → verify dialog announces as modal in screen reader
  • Verify keyboard shortcuts (e.g., menu accelerators) are blocked while dialog is open (focusGuard detection)
  • pnpm check:all passes

🤖 Generated with Claude Code

The MCP config preview dialog was missing ARIA dialog attributes,
which prevented screen readers from announcing the modal and allowed
focusGuard to miss it when checking for open dialogs.

Closes #444

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@claude claude bot enabled auto-merge (squash) March 17, 2026 09:49
@xiaolai xiaolai merged commit 85dc29f into main Mar 17, 2026
3 checks passed
@xiaolai xiaolai deleted the fix/444-dialog-aria-attrs branch March 20, 2026 22:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[audit] accessibility: McpConfigPreviewDialog missing role="dialog" and aria-modal

1 participant