인라인, 포커스 해제 시, 제출 시: 타이밍이 중요합니다

같은 오류 메시지도 언제 표시되는지에 따라 도움이 되기도 하고 성가시기도 합니다. 타이밍은 그 자체로 접근성에 관한 결정입니다. ⏱️

submit할 때 모든 항목을 검사하면 예측 가능하고 작업을 방해하지 않습니다. 거의 모든 폼에서 가장 안전한 기본값입니다.

키를 입력할 때마다 검증하면 사용자가 입력을 끝내기도 전에 필드가 잘못되었다고 표시됩니다. 그런 인라인 재촉은 모두를 답답하게 합니다.

사용자가 필드를 벗어나는 순간, 즉 blur될 때 검사하면 먼저 입력을 끝낼 수 있고 자연스럽게 멈춘 시점에 피드백을 받을 수 있습니다.

입력 중간에 갑자기 나타나는 오류는 스크린 리더의 흐름을 가로챌 수 있습니다. 알리기 전에 blur나 submit처럼 실제로 적절한 순간을 기다리세요.

필드가 한 번 실패했고 사용자가 수정하고 있다면, 입력하는 동안 다시 검증하는 것이 좋습니다. 오류가 사라지고 있음을 확인해 주기 때문입니다.

WCAG는 사용자를 재촉하지 말 것을 요구합니다. 입력을 지우는 제한 시간을 피하고, 사람들이 자신의 속도로 필드를 완성할 수 있게 하세요.

required와 눈에 보이는 안내문으로 필수 필드를 처음부터 표시하세요. 사용자가 제출한 뒤가 아니라 제출하기 전에 규칙을 알 수 있어야 합니다.

언제 알리든 무엇이 잘못되었고 어떻게 수정해야 하는지 말하세요. 완벽한 순간에 표시되는 모호한 메시지보다 명확한 메시지가 낫습니다.

기본 HTML 검증은 기본적으로 제출할 때 실행됩니다. type과 required 같은 내장 속성을 사용하면 별도 작업 없이 적절한 타이밍을 얻을 수 있습니다.

하나의 타이밍 전략을 선택하고 폼 전체에 적용하세요. 예측 가능한 동작은 사용자가 패턴을 익히고 신뢰하도록 합니다.

모든 키 입력마다가 아니라 blur 또는 submit 시 검증하고, 수정 중에는 인라인으로 다시 검사하세요. 규칙은 일찍 알리고 일관성을 유지하세요. ✅