kcg-ai-monitoring/frontend/src/design-system/sections
htlee 9dfa8f5422 fix(frontend): Select 접근성 — aria-label 필수 + 네이티브 <select> 보완
이슈: "Select element must have an accessible name" — 스크린 리더가 용도를
인지할 수 없어 WCAG 2.1 Level A 위반.

수정:
- Select 공통 컴포넌트 타입을 union으로 강제
  - aria-label | aria-labelledby | title 중 하나는 TypeScript 컴파일 타임에 필수
  - 누락 시 tsc 단계에서 즉시 실패 → 회귀 방지
- 네이티브 <select> 5곳 aria-label 추가:
  - admin/SystemConfig: 대분류 필터
  - detection/RealVesselAnalysis: 해역 필터
  - detection/RealGearGroups: 그룹 유형 필터
  - detection/ChinaFishing: 관심영역 선택
  - detection/GearIdentification: SelectField에 label prop 추가
- 쇼케이스 FormSection Select 샘플에 aria-label 추가

이제 모든 Select 사용처가 접근 이름을 가지며,
향후 신규 Select 사용 시 tsc가 누락을 차단함.
2026-04-08 12:50:51 +09:00
..
BadgeSection.tsx refactor(frontend): 쇼케이스 SSOT 구조 — 카탈로그 레지스트리 + variant 메타 2026-04-08 11:42:43 +09:00
ButtonSection.tsx refactor(frontend): 쇼케이스 SSOT 구조 — 카탈로그 레지스트리 + variant 메타 2026-04-08 11:42:43 +09:00
CardSection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00
CatalogSection.tsx refactor(frontend): 쇼케이스 SSOT 구조 — 카탈로그 레지스트리 + variant 메타 2026-04-08 11:42:43 +09:00
FormSection.tsx fix(frontend): Select 접근성 — aria-label 필수 + 네이티브 <select> 보완 2026-04-08 12:50:51 +09:00
GuideSection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00
IntroSection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00
LayoutSection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00
TokenSection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00
TypographySection.tsx feat(frontend): 디자인 시스템 쇼케이스 페이지 + 신규 공통 컴포넌트 2026-04-08 11:09:36 +09:00