Чек-лист ревью¶

Чек-лист собирает требования из всех разделов в одном месте. Проходите по нему на ревью макета или готовой реализации, по одному сценарию за раз.

Задача и структура¶

Сценарий описан в терминах задачи пользователя, и экраны соответствуют шагам задачи, а не сущностям данных.
Частое действие сценария доступно без перехода в другой раздел.
Названия разделов и кнопок используют слова пользователя, а не внутреннюю терминологию.
Текущее положение видно (активный пункт, заголовок), а состояние списков отражено в URL.

Каждое поле необходимо; данные, которые система может узнать сама, не запрашиваются.
У каждого поля есть видимая подпись, программно связанная с полем.
Формат ввода показан до ввода, а разумные варианты записи принимаются.
Ошибки валидации показываются при потере фокуса, объясняют способ исправления и снимаются сразу после исправления.
Ошибка не очищает введённые данные.
Уже введённые данные не запрашиваются повторно (WCAG 3.3.7).

Каждое действие даёт отклик; операции дольше секунды показывают индикатор.
Повторное нажатие во время выполнения заблокировано.
Результат изменения данных сообщён, и сообщение доступно экранному диктору (WCAG 4.1.3).
Для фоновых операций есть место, где видно их состояние.

Частые разрушительные действия отменяемы.
Подтверждение необратимого действия называет последствия, а кнопка повторяет глагол действия.
Фокус в диалоге подтверждения по умолчанию на безопасной кнопке.
Массовое действие показывает число затронутых объектов до выполнения и отчёт о частичном успехе после.

Проверено поведение без сети, при истечении сеанса и при конфликте правок.
Пустые состояния различают первый запуск, пустой результат фильтра, завершённую работу и ошибку загрузки.
Сообщения об ошибках называют случившееся, причину и следующий шаг; технические подробности вынесены в раскрываемый блок.
Недоступные действия объясняют причину недоступности.
Интерфейс проверен на длинных, пустых и нестандартных данных.

Отрисованы все состояния интерактивных элементов: default, hover, focus, active, disabled, а также loading, selected и error там, где они применимы.
Контраст текста не ниже 4,5:1 (крупного - 3:1), элементов интерфейса - 3:1, в обеих темах и во всех состояниях.
Информация не передаётся только цветом.
Сценарий полностью проходится с клавиатуры, фокус виден и не перекрыт.
Размер целей не меньше 24×24 CSS px (WCAG 2.5.8), на сенсорных платформах - по руководству платформы (44 pt / 48 dp).
Интерфейс работает при увеличении до 200 % и ширине 320 CSS px.

Надписи соответствуют словарю, одно действие везде называется одинаково.
Раскладка выдерживает удлинение строк при переводе.
Числа, даты и множественные формы формируются средствами локализации, а не склейкой строк.