Form Label
양식 레이블
Form Label은 무엇을 적어야 하는지 알려줘요. 코드에서는 이 라벨을 알맞은 컨트롤과 이어줘요.
실제 예시
결제 입력 칸은 상자 위에 “카드 소유자 이름”이라고 적어요. 아래에 있는 도움말은 어떻게 적어야 하는지 알려줘요.
주요 부분
- 01지속 라벨
- 02Input control
- 03Hint or format
- 04Validation message
사용할 때
입력 필드마다 자리 표시자나 아이콘이 있더라도 눈에 보이는 라벨을 제공합니다.
다음 경우에는 사용하지 마세요
자리 표시자만 레이블로 사용하지 마세요. 근처 텍스트만으로는 접근 가능한 이름을 제공하지 않습니다.
코드에서 사용된 이름
<label for> / aria-labelledby 출시하기 전에
Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages.
Outcome：Complete the task with 양식 레이블 (Form Label)。 User context：결제 입력 칸은 상자 위에 “카드 소유자 이름”이라고 적어요. 아래에 있는 도움말은 어떻게 적어야 하는지 알려줘요. Recommended pattern：양식 레이블 (Form Label)。 Why it fits：입력 필드마다 자리 표시자나 아이콘이 있더라도 눈에 보이는 라벨을 제공합니다. Do not use it when：자리 표시자만 레이블로 사용하지 마세요. 근처 텍스트만으로는 접근 가능한 이름을 제공하지 않습니다. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 양식 레이블 (Form Label) is used now. Definition: Form Label은 무엇을 적어야 하는지 알려줘요. 코드에서는 이 라벨을 알맞은 컨트롤과 이어줘요. Release checks: Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.