Практические руководства

Проектирование и проверка модального окна

Краткая версия с основными проверками. Французская и английская версии описывают полную процедуру; технические подробности можно проверить по официальным источникам.

См. метод

Иллюстрация работы над веб-проектом
Иллюстрация, созданная ИИ

Примерное время чтения : 1 min · Опубликовано

Что проверить

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

Справочные документы

Содержание обновлено

Матрица функциональной проверки для адаптации к проекту

Эти предлагаемые средства контроля используют фиктивные случаи. Решите, какое поведение ожидается в команде, запишите результат и назначьте неразрешенные расхождения перед публикацией.

Прокрутите таблицу по горизонтали, чтобы прочитать все столбцы. При работе с клавиатурой переведите фокус на таблицу и используйте клавиши со стрелками.

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