diff --git a/.Jules/palette.md b/.Jules/palette.md index 7577a1ca..924721d2 100644 --- a/.Jules/palette.md +++ b/.Jules/palette.md @@ -56,3 +56,6 @@ ## 2024-07-14 - Native Keyboard Submission with Forms for Modals **Learning:** Modals designed with plain `
` elements as wrappers instead of `
` 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 `` 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. diff --git a/frontend/package.json b/frontend/package.json index 02439a97..13eb0c0e 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -36,5 +36,6 @@ }, "overrides": { "esbuild": "^0.25.0" - } + }, + "packageManager": "pnpm@11.13.0" } diff --git a/frontend/src/components/modals/EditEdgeModal.tsx b/frontend/src/components/modals/EditEdgeModal.tsx index c34b7e55..68032698 100644 --- a/frontend/src/components/modals/EditEdgeModal.tsx +++ b/frontend/src/components/modals/EditEdgeModal.tsx @@ -81,6 +81,7 @@ export function EditEdgeModal({ >