🎨 Palette: [UX improvement] 개선된 모달 폼 접근성

.jules/palette.md

@@ -46,3 +46,6 @@
 ## 2026-07-05 - Accessible Disabled Buttons
 **Learning:** Adding `aria-describedby` to disabled buttons and explicitly linking them to visible helper text elements allows screen readers to announce the reason for being disabled, significantly improving accessibility for interactive elements that depend on prior state (like selecting a project).
 **Action:** Always pair disabled interactive elements with visible helper text and use `aria-describedby` to semantically link them, ensuring the context is available to assistive technologies.
+## 2026-07-08 - Table-based Form Accessibility
+**Learning:** Table-based form inputs and selects tied to row identities often lack explicit context for screen readers when they don't have a dedicated label element.
+**Action:** Always provide explicit `aria-label`s on inputs and selects inside table lists to give screen readers full context about what the element modifies.

frontend/src/components/modals/CardinalityModal.tsx

@@ -161,6 +161,7 @@ export function CardinalityModal({
                     </td>
                     <td>
                       <input
+                        aria-label={`${column.column_name} distinct count`}
                         id={inputId}
                         aria-label={`${column.column_name} distinct count`}
                         inputMode="numeric"
@@ -226,6 +227,7 @@ export function CardinalityModal({
                   onClick={() =>
                     onApplyCardinalityRecommendation(recommendation)
                   }
+                  aria-label={`${recommendation.index_name} 추천 ${isApplied ? "적용됨" : "적용"}`}
                 >
                   {isApplied ? "적용됨" : "적용"}
                 </button>

frontend/src/components/modals/GroupModal.tsx

@@ -131,6 +131,7 @@ export function GroupModal({
                   {node.data.title}
                 </span>
                 <select
+                  aria-label={`${node.data.title} 업무 그룹 배정`}
                   value={node.data.businessGroup?.id ?? ""}
                   onChange={(event) =>
                     onAssignBusinessGroup(node.id, event.target.value)