fix(canvas/a11y): add accessible name to ConfirmDialog backdrop click area
Some checks failed
sop-tier-check / tier-check (pull_request) Failing after 8s
Secret scan / Scan diff for credential-shaped strings (pull_request) Successful in 23s
audit-force-merge / audit (pull_request) Has been skipped

WCAG 2.4.6: interactive backdrop div now has aria-label="Dismiss dialog"
and cursor-pointer so screen reader users can identify the dismiss target.
Matches the same fix applied to KeyboardShortcutsDialog in PR #299.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Molecule AI · core-fe 2026-05-11 05:20:39 +00:00
parent f1904b8a47
commit dec97600ff

View File

@ -106,7 +106,11 @@ export function ConfirmDialog({
return createPortal(
<div className="fixed inset-0 z-[9999] flex items-center justify-center">
{/* Backdrop */}
<div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={onCancel} />
<div
className="absolute inset-0 bg-black/60 backdrop-blur-sm cursor-pointer"
onClick={onCancel}
aria-label="Dismiss dialog"
/>
{/* Dialog — role="dialog" + aria-modal prevent interaction with background */}
<div