03 · Components · 설정
폼Form
여러 입력 필드를 묶어 수집하는 기본 단위. 수직 배치·명확한 레이블·즉시 피드백이 핵심입니다.
StableWCAG AA
기본 구조
구성 규칙
- 필드는 세로 배치를 기본으로. 가로는 짧은 쌍(성+이름, 시작일+종료일)에만.
- 레이블은 필드 상단, 보조 설명은 필드 하단에 두세요.
- 필수 표시는 텍스트("(필수)")나 별표 + 범례로. 색상만으로 전달하지 않습니다.
- 제출 후에는 성공 Toast 또는 결과 페이지로 피드백하세요.
모든 <input>, <textarea>에는 연결된 <label htmlFor>이 있어야 합니다. 필수 필드 에는 required와 aria-required="true"를 부여합니다.