Уточните действия и ответы после активации.
Прогресс проверки
Сравните информацию и представление в контексте использования.
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Нажмите кнопку, когда сеть работает медленно, а затем нажмите еще раз. Реагируйте на статус обработки как можно раньше, избегайте дублирования отправок и используйте метку, указывающую результат действия, а не общее слово.
ПРИМЕРЫ
В процессе обработки кнопка «Сохранить изменения» меняется на «Сохранение…»; По завершении отобразите подтверждение и разрешите продолжить редактирование.
Определите понятную шкалу размеров для форм, панелей инструментов и действий на мобильных устройствах.
Проверьте длинную подпись и увеличение текста: область касания должна сохраняться без выхода за границы компоновки.
Пример Кнопка подтверждения заказа широкая на мобильном экране, а фильтр компактный на панели инструментов.
Обычное состояние, наведение, фокус, недоступность и загрузка должны различаться признаками помимо цвета.
Отправьте запрос и нажмите снова во время ожидания: задача не должна запускаться повторно, а фокус должен оставаться видимым.
Пример Во время обработки запроса кнопка показывает «Сохранение…».
Значок дополняет подпись; кнопке без текста нужны доступное имя и при необходимости подсказка.
Прочитайте название кнопки программой экранного доступа и проверьте понятность для человека, незнакомого со значком.
Пример Кнопка корзины имеет aria-label «Удалить черновик», а не просто «Удалить».
Различайте основные, дополнительные и опасные действия по единой системе.
Расположите два действия рядом: главный шаг и последствия удаления должны быть понятными.
Пример «Сохранить изменения» — основная кнопка, а «Отмена» оформлена менее заметно.
