# form 엘리먼트는 반드시 레이블을 가져야 합니다

<https://www.fixreports.com/ko/issues/label>

WCAG 4.1.2 이름, 역할, 값 · 레벨 A

일부 양식 필드에 레이블이 없어 스크린 리더 사용자는 무엇을 입력해야 하는지 알 수 없습니다.

## 이 규칙이 확인하는 내용
모든 form 엘리먼트가 레이블을 가지고 있는지 확인하세요.

## 중요한 이유
WCAG 1.3.1, 3.3.2, 4.1.2는 양식 필드에 레이블이 있어야 한다고 요구합니다. 뉴스레터 가입 필드와 검색 필드에서 흔히 발생합니다.

## 수정 방법
### 모든 웹사이트에서
1. 각 필드에 <label for="field-id"> 요소를 지정하거나, 최소한 aria-label을 추가하십시오.
2. 플레이스홀더 텍스트만으로는 레이블로 인정되지 않습니다.

### Shopify에서
1. 각 필드에 <label for="field-id"> 요소를 지정하거나, 최소한 aria-label을 추가하십시오.
2. 플레이스홀더 텍스트만으로는 레이블로 인정되지 않습니다.

### WooCommerce와 WordPress에서
1. 각 필드에 <label for="field-id"> 요소를 지정하거나, 최소한 aria-label을 추가하십시오.
2. 플레이스홀더 텍스트만으로는 레이블로 인정되지 않습니다.

## 수정 확인 방법
- 다시 스캔해 label 규칙이 더 이상 실패하지 않는지 확인하십시오.
- 각 레이블을 클릭해 해당 필드로 포커스가 이동하는지 확인하십시오.

## 출처
- axe-core 규칙 문서(Deque): https://dequeuniversity.com/rules/axe/4.13/label
- WCAG 4.1.2 이해하기(W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value