🎨 Palette: [UX improvement] Accessible table-based form controls

[seonghobae]

💡 What

Added explicit aria-label attributes to the <select> element in GroupModal (used for assigning business groups to tables) and the <input> element in CardinalityModal (used for setting distinct counts for columns).

🎯 Why

In table-based layouts, form controls often lack explicit <label> elements wrapping them, relying instead on visual grid association (like a row header) which is not always reliably interpreted by screen readers. Providing a direct aria-label ensures that users relying on assistive technologies hear the full, unabbreviated context of the control they are focused on (e.g., instead of just hearing "Select", they hear "users 그룹 배정").

📸 Before/After

(Visuals remain unchanged as aria-label is visually hidden.)

♿ Accessibility

• GroupModal: Screen readers now announce the table name when focusing the business group assignment select dropdown (e.g., "users 그룹 배정").
• CardinalityModal: Screen readers now announce the column name when focusing the distinct count numeric input (e.g., "id distinct count").

---

PR created automatically by Jules for task 3906382671852393558 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[seonghobae]

Superseded by #514 on current head.

Evidence checked in this loop:

• 🎨 Palette: [UX improvement] Accessible table-based form controls #520 changes only add aria-label to CardinalityModal distinct-count inputs and GroupModal group assignment selects, plus a .jules/palette.md note.
• 🎨 Palette: [UX improvement] 개선된 모달 폼 접근성 #514 current head 6e500f489871a84ad7c2c6285657c3cc01001135 already carries the same effective fixes and a broader one: distinct-count input labels, group assignment select labels, and recommendation apply-button labels.
• 🎨 Palette: [UX improvement] Accessible table-based form controls #520 is behind and its OpenCode job was cancelled before runner assignment; there are no open code-scanning alerts on refs/pull/520/merge.

Closing this duplicate to keep the queue on current-head checks and avoid re-running stale/superseded accessibility work.

[google-labs-jules]

Superseded by #514 on current head.

Evidence checked in this loop:

• 🎨 Palette: [UX improvement] Accessible table-based form controls #520 changes only add aria-label to CardinalityModal distinct-count inputs and GroupModal group assignment selects, plus a .jules/palette.md note.
• 🎨 Palette: [UX improvement] 개선된 모달 폼 접근성 #514 current head 6e500f489871a84ad7c2c6285657c3cc01001135 already carries the same effective fixes and a broader one: distinct-count input labels, group assignment select labels, and recommendation apply-button labels.
• 🎨 Palette: [UX improvement] Accessible table-based form controls #520 is behind and its OpenCode job was cancelled before runner assignment; there are no open code-scanning alerts on refs/pull/520/merge.

Closing this duplicate to keep the queue on current-head checks and avoid re-running stale/superseded accessibility work.

Understood. Acknowledging that this work is superseded and stopping work on this task.