이슈: "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가 누락을 차단함. |
||
|---|---|---|
| .. | ||
| BadgeSection.tsx | ||
| ButtonSection.tsx | ||
| CardSection.tsx | ||
| CatalogSection.tsx | ||
| FormSection.tsx | ||
| GuideSection.tsx | ||
| IntroSection.tsx | ||
| LayoutSection.tsx | ||
| TokenSection.tsx | ||
| TypographySection.tsx | ||