Доступность · Формы
Формы, которыми удобно пользоваться с клавиатуры
Учебная заметка · 4 минуты чтения
Почему подпись поля, видимый фокус и понятная ошибка важнее красивого плейсхолдера.
Форма должна объяснять, что именно нужно указать и что произойдёт после отправки. Плейсхолдер сам по себе не заменяет подпись: после начала ввода он исчезает.
Небольшие детали, которые помогают
- У каждого поля есть постоянная видимая подпись.
- Ошибка появляется рядом с полем и говорит, как её исправить.
- После отправки человек видит подтверждение или понятный текст ошибки.
- Все действия доступны с клавиатуры, а текущий фокус заметен.
Проверка до публикации
Я прохожу форму только клавиатурой, пробую отправить пустые поля и проверяю экран на маленькой ширине. Для важных полей полезны правильные типы и автозаполнение — например, email для адреса почты.
Часть этих решений я отрабатываю на учебных проектах и продолжаю улучшать по мере практики.