🎨 Palette: 편집기 저장 버튼에 aria-disabled 적용 및 폼 제출 방지

.jules/palette.md

@@ -115,3 +115,7 @@
 ## $(date +%Y-%m-%d) - Prevent accidental data loss in inline editors
 **Learning:** Forms that take a long time to fill out (like a WBS editor) are prone to accidental closure by users pressing `Escape` or clicking cancel. This causes immediate data loss without any warning, resulting in frustration.
 **Action:** When working on editors that can be dismissed, track whether the user has modified any fields compared to their initial state. If there are changes, intercept the close action and present a confirmation dialog (`window.confirm`) to ensure they really want to discard their edits. Bypass this for intentional saves or explicit data overrides.
+
+## 2026-08-10 - Support focus management when using aria-disabled on form buttons
+**Learning:** Replacing native `disabled` attributes with `aria-disabled="true"` on form submission buttons (like "Save") preserves focusability for screen readers, but browsers will still allow native form submission because the button isn't truly disabled.
+**Action:** When applying `aria-disabled` to a submit button inside a `<form>`, manually intercept the form's `submit` event listener to check for the `aria-disabled` attribute on the button, and call `event.preventDefault()` if present to block submission.

app.js

@@ -429,6 +429,13 @@ function bindTableEvents(renderDraftValidation, updateEditorDraftFromEvent) {
       return;
     }
     event.preventDefault();
+
+    const saveButton = form.querySelector('button[type="submit"]');
+    if (saveButton && saveButton.getAttribute('aria-disabled') === 'true') {
+      showToast('입력값을 올바르게 수정해야 저장할 수 있습니다.');
+      return;
+    }
+
     renderDraftValidation.flush();
     saveEditor();
   });
@@ -1068,7 +1075,11 @@ function renderEditorValidation() {
 
   const saveButton = form.querySelector('button[type="submit"]');
   if (saveButton) {
-    saveButton.disabled = errors.length > 0;
+    if (errors.length > 0) {
+      saveButton.setAttribute('aria-disabled', 'true');
+    } else {
+      saveButton.removeAttribute('aria-disabled');
+    }
     saveButton.title = errors.length > 0 ? '입력값을 올바르게 수정해야 저장할 수 있습니다.' : '저장 (Enter)';
   }
 

package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@hono/node-server": "^2.0.12",
-    "hono": "^4.12.32"
+    "hono": "^4.13.1"
   },
   "devDependencies": {
     "@playwright/test": "1.61.1",