Управление с клавиатуры

КлавишаДействие
TabПеремещает фокус на следующий элемент внутри диалога.
Shift + TabПеремещает фокус на предыдущий элемент внутри диалога.
EscЗакрывает диалог, если его разрешено так закрывать.

Примечания по доступности

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