WCAG에 따른 폼 라벨링
모든 폼 필드에는 프로그래밍적으로 연결된 라벨이 있어야 스크린 리더 사용자가 무엇을 입력할지 알 수 있고, 라벨을 클릭하면 필드에 포커스가 갑니다.
올바른 방법
<label for="email">이메일</label><input id="email"> — 또는 필드를 <label> 안에 넣으세요. 보이는 라벨이 불가능한 경우에만 aria-label / aria-labelledby.
placeholder로 충분하지 않은 이유
placeholder는 입력 시 사라지고 대비가 너무 낮은 경우가 많으며 일부 스크린 리더는 이를 라벨로 인식하지 않습니다.
오류 메시지
오류를 필드와 연결하고(aria-describedby) 텍스트를 구체적으로 표현하세요(“유효한 이메일을 입력하세요”, “오류”가 아니라).
a11yglass가 돕는 방법
무료 스캔은 제공된 HTML과 CSS를 자동으로 인식 가능한 WCAG 위반에 대해 점검하고, 각 발견 사항마다 성공 기준과 구체적인 조치를 제시합니다. 문제의 약 20~35 %를 발견하며 완전한 평가를 대체하지 않습니다.
계속 읽기
최선의 지식에 따른 일반 정보이며 법률 자문이 아닙니다. 개별 사안은 IT 법을 전문으로 하는 법무법인에 문의하세요.