From 938627ee38d17da8fbf5384dbe87755382fc8c98 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Thu, 3 Sep 2026 21:30:39 +0000
Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=ED=8E=B8=EC=A7=91=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 테이블 편집 모달의 닫기 버튼에 구체적인 aria-label("테이블 편집 닫기") 추가
🎯 Why: 스크린 리더 사용자에게 명확한 컨텍스트 제공
♿ Accessibility: 일반적인 "닫기" 대신 컨텍스트가 포함된 레이블 사용
---
 frontend/src/components/modals/EditTableModal.tsx     | 2 +-
 frontend/src/components/modals/ModalCoverage.test.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/modals/EditTableModal.tsx b/frontend/src/components/modals/EditTableModal.tsx
index 998929d44..d104e3e47 100644
--- a/frontend/src/components/modals/EditTableModal.tsx
+++ b/frontend/src/components/modals/EditTableModal.tsx
@@ -31,7 +31,7 @@ export function EditTableModal({
       <div className="modal" style={{ width: 800, maxWidth: "90vw", maxHeight: "90vh", display: "flex", flexDirection: "column" }} role="dialog" aria-modal="true" aria-labelledby="edit-table-title" ref={dialogRef} tabIndex={-1}>
         <div className="modal__header">
           <h3 id="edit-table-title">테이블 편집</h3>
-          <button type="button" aria-label="닫기" onClick={onEditTableCancel}>X</button>
+          <button type="button" aria-label="테이블 편집 닫기" onClick={onEditTableCancel}>X</button>
         </div>
         <div style={{ overflowY: "auto", padding: "0 4px", flex: 1 }}>
           <form id="editTableForm" onSubmit={onEditTableSubmit} className="col" style={{ gap: 12 }}>
diff --git a/frontend/src/components/modals/ModalCoverage.test.tsx b/frontend/src/components/modals/ModalCoverage.test.tsx
index 8732f7efa..16e0fc1d7 100644
--- a/frontend/src/components/modals/ModalCoverage.test.tsx
+++ b/frontend/src/components/modals/ModalCoverage.test.tsx
@@ -194,7 +194,7 @@ describe('modal behavior coverage', () => {
     })
     expect(duplicated.data.columns).not.toBe(tableNode.data.columns)
     fireEvent.click(screen.getByRole('button', { name: '취소' }))
-    fireEvent.click(screen.getByRole('button', { name: '닫기' }))
+    fireEvent.click(screen.getByRole('button', { name: '테이블 편집 닫기' }))
     expect(onSubmit).toHaveBeenCalledOnce()
     expect(onDeleteTable).toHaveBeenCalledOnce()
     expect(onCancel).toHaveBeenCalledTimes(3)

From 8a9de7920cbfd095b22c8fe3489f0964b392cf5e Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 4 Sep 2026 07:55:04 +0000
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=ED=8E=B8=EC=A7=91=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 테이블 편집 모달의 닫기 버튼에 구체적인 aria-label("테이블 편집 닫기") 추가
🎯 Why: 스크린 리더 사용자에게 명확한 컨텍스트 제공
♿ Accessibility: 일반적인 "닫기" 대신 컨텍스트가 포함된 레이블 사용

From 10bf159de2963da0c16fd19d640fe1e5df852c8f Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Fri, 4 Sep 2026 17:01:22 +0900
Subject: [PATCH 3/5] docs(ui): document table edit modal contract

---
 frontend/src/components/modals/EditTableModal.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/modals/EditTableModal.tsx b/frontend/src/components/modals/EditTableModal.tsx
index d104e3e47..8cccebef4 100644
--- a/frontend/src/components/modals/EditTableModal.tsx
+++ b/frontend/src/components/modals/EditTableModal.tsx
@@ -13,6 +13,10 @@ interface EditTableModalProps {
   onDeleteTable: () => void;
 }
 
+/**
+ * Render the table-editing dialog while keeping graph mutation authority in the
+ * caller-provided state setters and preserving the shared dialog focus contract.
+ */
 export function EditTableModal({
   isOpen,
   editingNode,

From 167905bdfe8b8f20a657f57b7b5630dfbc0dac6c Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 4 Sep 2026 12:04:08 +0000
Subject: [PATCH 4/5] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=ED=8E=B8=EC=A7=91=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 테이블 편집 모달의 닫기 버튼에 구체적인 aria-label("테이블 편집 닫기") 추가
🎯 Why: 스크린 리더 사용자에게 명확한 컨텍스트 제공
♿ Accessibility: 일반적인 "닫기" 대신 컨텍스트가 포함된 레이블 사용
---
 frontend/src/components/modals/EditTableModal.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src/components/modals/EditTableModal.tsx b/frontend/src/components/modals/EditTableModal.tsx
index 8cccebef4..d104e3e47 100644
--- a/frontend/src/components/modals/EditTableModal.tsx
+++ b/frontend/src/components/modals/EditTableModal.tsx
@@ -13,10 +13,6 @@ interface EditTableModalProps {
   onDeleteTable: () => void;
 }
 
-/**
- * Render the table-editing dialog while keeping graph mutation authority in the
- * caller-provided state setters and preserving the shared dialog focus contract.
- */
 export function EditTableModal({
   isOpen,
   editingNode,

From c8ccd04e78cd0641743a27fd5ffadeb37523522b Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 4 Sep 2026 16:54:09 +0000
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=ED=8E=B8=EC=A7=91=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 테이블 편집 모달의 닫기 버튼에 구체적인 aria-label("테이블 편집 닫기") 추가
🎯 Why: 스크린 리더 사용자에게 명확한 컨텍스트 제공
♿ Accessibility: 일반적인 "닫기" 대신 컨텍스트가 포함된 레이블 사용