Урок 21. Задания
⚡ Кратко
Три задания на оверлеи и четыре вопроса.
Задания
Задание 1. Диалог подтверждения
Соберите диалог удаления записи: заголовок-вопрос, описание последствий, кнопки «Отмена» и «Удалить». Проверьте клавиатурой: открытие, Tab внутри, Esc, возврат фокуса.
Задание 2. Меню строки
Добавьте к строке списка меню действий с кнопкой-иконкой
⋯. Обязательно: aria-label у триггера,
разделитель перед опасным действием, выделение «Удалить» цветом
destructive.
Задание 3. Выбор компонента
Для каждого случая выберите подходящий компонент и обоснуйте: (а) фильтры каталога на мобильном; (б) пояснение к иконке; (в) подтверждение выхода без сохранения; (г) переключение между «Активные / Архив»; (д) сообщение «Скопировано в буфер».
Проверка понимания
Выберите один вариант ответа — правильный подсветится после клика.
Вопрос 1
Зачем оверлеи отрисовываются через портал?
Вопрос 2
Что обязательно должно быть у диалога для доступности?
Вопрос 3
Куда должен вернуться фокус после закрытия диалога?
Вопрос 4
Какой атрибут в Base UI отвечает за состояние «открыт»?