From cc5ae7856c295d402579f54e2f0d62ff329ab1b2 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 3 Jul 2026 14:20:54 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20accessibili?=
 =?UTF-8?q?ty=20labels=20to=20PK/NN=20abbreviations=20in=20EditTableModal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/frontend/src/components/modals/EditTableModal.tsx b/frontend/src/components/modals/EditTableModal.tsx
index b1673cdd..5f6101cd 100644
--- a/frontend/src/components/modals/EditTableModal.tsx
+++ b/frontend/src/components/modals/EditTableModal.tsx
@@ -126,21 +126,23 @@ export function EditTableModal({
                       style={{ flex: 1.5 }}
                       aria-label="데이터 타입"
                     />
-                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }}>
+                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }} title="Primary Key">
                       <input
                         type="checkbox"
                         name={`col_pk_${idx}`}
                         defaultChecked={col.is_pk}
+                        aria-label="Primary Key"
                       />
-                      PK
+                      <span aria-hidden="true">PK</span>
                     </label>
-                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }}>
+                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }} title="Not Null">
                       <input
                         type="checkbox"
                         name={`col_nn_${idx}`}
                         defaultChecked={col.is_not_null}
+                        aria-label="Not Null"
                       />
-                      NN
+                      <span aria-hidden="true">NN</span>
                     </label>
                     <button
                       type="button"

From 36fb6ec3a2c73120e8f177409ff4ffc25f91d4f6 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 3 Jul 2026 15:11:43 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=EB=B9=84?=
 =?UTF-8?q?=ED=99=9C=EC=84=B1=ED=99=94=EB=90=9C=20=EA=B3=B5=EC=9C=A0=20?=
 =?UTF-8?q?=EB=B0=8F=20=EB=82=B4=EB=B3=B4=EB=82=B4=EA=B8=B0=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=A0=91=EA=B7=BC=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

---
 frontend/src/components/modals/EditTableModal.tsx | 10 ++++------
 frontend/src/components/modals/ExportModal.tsx    |  6 ++++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/modals/EditTableModal.tsx b/frontend/src/components/modals/EditTableModal.tsx
index 5f6101cd..b1673cdd 100644
--- a/frontend/src/components/modals/EditTableModal.tsx
+++ b/frontend/src/components/modals/EditTableModal.tsx
@@ -126,23 +126,21 @@ export function EditTableModal({
                       style={{ flex: 1.5 }}
                       aria-label="데이터 타입"
                     />
-                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }} title="Primary Key">
+                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }}>
                       <input
                         type="checkbox"
                         name={`col_pk_${idx}`}
                         defaultChecked={col.is_pk}
-                        aria-label="Primary Key"
                       />
-                      <span aria-hidden="true">PK</span>
+                      PK
                     </label>
-                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }} title="Not Null">
+                    <label className="row" style={{ gap: 4, whiteSpace: "nowrap" }}>
                       <input
                         type="checkbox"
                         name={`col_nn_${idx}`}
                         defaultChecked={col.is_not_null}
-                        aria-label="Not Null"
                       />
-                      <span aria-hidden="true">NN</span>
+                      NN
                     </label>
                     <button
                       type="button"
diff --git a/frontend/src/components/modals/ExportModal.tsx b/frontend/src/components/modals/ExportModal.tsx
index 5392d502..a86554d6 100644
--- a/frontend/src/components/modals/ExportModal.tsx
+++ b/frontend/src/components/modals/ExportModal.tsx
@@ -66,6 +66,7 @@ export function ExportModal({
               type="button"
               onClick={onCreateShareLink}
               disabled={!canCreateShareLink || isCreatingShareLink}
+              aria-describedby={!canCreateShareLink ? "share-link-hint" : undefined}
               aria-busy={isCreatingShareLink}
             >
               {isCreatingShareLink ? "생성 중..." : "링크 만들기"}
@@ -88,7 +89,7 @@ export function ExportModal({
               </button>
             </div>
           ) : (
-            <span className="field-hint">
+            <span className="field-hint" id="share-link-hint">
               프로젝트가 선택되면 서버에서 새 공유 링크를 발급할 수 있습니다.
             </span>
           )}
@@ -108,6 +109,7 @@ export function ExportModal({
               type="button"
               onClick={onCopyExportDdl}
               disabled={!hasDdlExport}
+              aria-describedby={!hasDdlExport ? "export-ddl-hint" : undefined}
               aria-live="polite"
             >
               {isCopied ? "복사 완료" : "DDL 복사"}
@@ -122,7 +124,7 @@ export function ExportModal({
               className="exportModal__ddl"
             />
           ) : (
-            <span className="field-hint">
+            <span className="field-hint" id="export-ddl-hint">
               DDL을 만들려면 먼저 스냅샷을 생성하거나 테이블을 추가하세요.
             </span>
           )}