이 규칙이 확인하는 내용
모든 form 엘리먼트가 레이블을 가지고 있는지 확인하세요.
중요한 이유
WCAG 1.3.1, 3.3.2, 4.1.2는 양식 필드에 레이블이 있어야 한다고 요구합니다. 뉴스레터 가입 필드와 검색 필드에서 흔히 발생합니다.
수정 방법
- 각 필드에 <label for="field-id"> 요소를 지정하거나, 최소한 aria-label을 추가하십시오.
- 플레이스홀더 텍스트만으로는 레이블로 인정되지 않습니다.
수정 확인 방법
- 다시 스캔해 label 규칙이 더 이상 실패하지 않는지 확인하십시오.
- 각 레이블을 클릭해 해당 필드로 포커스가 이동하는지 확인하십시오.
FixReports가 찾아내는 방법
저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 label을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.
자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.