fix(canvas): add aria-label + cursor-pointer to ConfirmDialog backdrop (WCAG 4.1.2)

Adds cursor-pointer and aria-label="Dismiss dialog" to the backdrop div in ConfirmDialog — the div is interactive (onClick={onCancel}) but previously had no accessible name, violating WCAG 4.1.2 (Name, Role, Value). Fixes #395 / #398.
2026-05-11 06:14:26 +00:00
1 changed files with 1 additions and 1 deletions
@@ -106,7 +106,7 @@ 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