🎨 Palette: 동적 폼 접근성(Aria-label) 고유 식별 및 시맨틱 뱃지 도입

[seonghobae]

🎨 Palette: 동적 폼과 뱃지 컴포넌트의 접근성 개선 (ARIA Label 및 Semantic 요소 적용)

동적으로 생성되는 폼 요소 및 뱃지(Badge) 컴포넌트의 스크린 리더 접근성을 개선하기 위해 다음 작업을 수행했습니다.

💡 작업 내용:

1. EditTableModal.tsx: 테이블 컬럼 편집 시 생성되는 다중 input 및 checkbox 요소들의 aria-label에 각 컬럼의 고유 이름(col.column_name)을 명시하여 각 요소를 식별할 수 있도록 개선.
2. TableNode.tsx: 시각적 뱃지로 사용된 span 요소를 abbr 요소로 교체하여 스크린 리더가 title 및 aria-label 텍스트를 안정적으로 읽을 수 있도록 시맨틱 마크업으로 변경.
3. 관련 발견 사항을 .Jules/palette.md 파일에 기록.

🎯 기대 효과:
스크린 리더 사용자가 포커스 시 반복되는 동일한 aria-label 대신 각각의 컨텍스트를 정확하게 인지할 수 있게 되어 폼 및 UI 인지도를 크게 높입니다.

---

PR created automatically by Jules for task 15329021282616139210 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.