🎨 Palette: 관계 삭제 모달의 접근성 개선

.Jules/palette.md

@@ -56,3 +56,6 @@
 ## 2024-07-14 - Native Keyboard Submission with Forms for Modals
 **Learning:** Modals designed with plain `<div>` elements as wrappers instead of `<form>` lack native keyboard submission support, forcing users to switch from keyboard to mouse to confirm actions like "Save".
 **Action:** When designing modals or popups containing inputs, always use a `<form>` element to wrap the content, handle the `onSubmit` event (calling `e.preventDefault()`), and set the primary confirmation button to `type="submit"` to enable seamless Enter-key submission for keyboard users.
+## 2026-07-15 - [Accessible Edge Deletion Modal]
+**Learning:** In edge configuration modals (like EditEdgeModal.tsx), the generic "삭제" (delete) button lacks screen reader context. Because edge deletion is a destructive action, users relying on assistive technology may trigger it without fully understanding what is being deleted.
+**Action:** Always provide contextual `aria-label`s on generic action buttons within relation modals. For example, adding `aria-label="관계 삭제"` to the delete button significantly improves clarity.

frontend/package.json

@@ -36,5 +36,6 @@
   },
   "overrides": {
     "esbuild": "^0.25.0"
-  }
+  },
+  "packageManager": "pnpm@11.13.0"
 }

frontend/src/components/modals/EditEdgeModal.tsx

@@ -81,6 +81,7 @@ export function EditEdgeModal({
         >
           <button
             type="button"
+            aria-label="관계 삭제"
             onClick={onRelDelete}
             style={{ color: "#b91c1c", borderColor: "#fca5a5" }}
           >

frontend/src/components/modals/ModalCoverage.test.tsx

@@ -116,7 +116,7 @@ describe('modal behavior coverage', () => {
     fireEvent.change(screen.getByLabelText('제약조건 이름 (Label)'), {
       target: { value: 'fk_changed' },
     })
-    fireEvent.click(screen.getByRole('button', { name: '삭제' }))
+    fireEvent.click(screen.getByRole('button', { name: '관계 삭제' }))
     fireEvent.click(screen.getByRole('button', { name: '취소' }))
     fireEvent.click(screen.getByRole('button', { name: '저장' }))
     expect(setRelLabel).toHaveBeenCalledWith('fk_changed')