В строке, при потере фокуса или при отправке: время имеет значение

Одно и то же сообщение об ошибке может помочь или раздражать — всё зависит от того, когда оно появляется. Время показа — самостоятельное решение в области доступности. ⏱️

Проверка всего при отправке предсказуема и никогда не прерывает ввод. Почти для любой формы это самый безопасный вариант по умолчанию.

Проверка после каждого нажатия клавиши помечает поле как ошибочное ещё до того, как пользователь закончит ввод. Такое построчное напоминание всех раздражает.

Проверка в момент, когда пользователь покидает поле, то есть при событии blur, позволяет сначала закончить ввод, а затем показать результат в естественную паузу.

Ошибка, появившаяся посреди ввода, может перехватить внимание программы чтения с экрана. Подождите подходящего момента, например потери фокуса или отправки, и только потом объявляйте её.

После того как поле оказалось ошибочным и пользователь начал его исправлять, повторная проверка по мере ввода полезна. Она подтверждает, что ошибка исчезает.

WCAG требует не торопить пользователей. Не используйте тайм-ауты, которые очищают введённые данные, и позволяйте людям заполнять поле в удобном темпе.

Заранее отмечайте обязательные поля с помощью required и видимой подсказки, чтобы пользователи знали правило до отправки, а не после неё.

Независимо от времени показа объясняйте, что не так и как это исправить. Понятное сообщение лучше расплывчатого, даже если последнее появилось в идеальный момент.

Встроенная проверка HTML по умолчанию запускается при отправке. Встроенные атрибуты, такие как type и required, бесплатно обеспечивают разумное время проверки.

Выберите одну стратегию определения времени проверки и применяйте её ко всей форме. Предсказуемое поведение позволяет пользователям освоить принцип работы и доверять ему.

Выполняйте проверку при blur или отправке, а не после каждого нажатия клавиши; после начала исправления повторяйте её в строке, заранее сообщайте правила и будьте последовательны. ✅