Управление с клавиатуры
| Клавиша | Действие |
|---|---|
| Tab | Перемещает фокус на следующий элемент внутри диалога. |
| Shift + Tab | Перемещает фокус на предыдущий элемент внутри диалога. |
| Esc | Закрывает диалог, если его разрешено так закрывать. |
Примечания по доступности
- Открытие через
showModal()даёт диалогуrole="dialog"и модальную семантику, а остальную страницу делает инертной. - Заголовок и описание связаны с диалогом через сгенерированные id, поэтому скринридеры озвучивают их при открытии.
- Начальный фокус получает элемент с
autofocusили первый фокусируемый элемент. В подтверждениях деструктивных действий ставьтеautofocusна безопасный вариант. - После закрытия диалога фокус возвращается к элементу, который его открыл.
- Браузер может всё же закрыть незакрываемый диалог, если Esc нажать несколько раз подряд без других действий пользователя, поэтому всегда предусматривайте явный способ выхода.