Мобильное меню как панель

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

Что нужно поведением

• Кнопка открытия сообщает состояние через aria-expanded и указывает, какой элемент управляет панелью.
• Escape закрывает панель.
• Закрытие возвращает фокус на кнопку открытия.
• Переход по ссылке закрывает панель — иначе она остаётся поверх новой страницы.

Переключатель темы внутри меню

Если панель — единственное место, где доступен переключатель темы на мобильном, его нужно разметить как самостоятельный блок с подписью, а не прятать под иконку без пояснения.

Чек-лист

1. Открыть с клавиатуры, не касаясь экрана.
2. Перейти по Tab до всех пунктов.
3. Закрыть через Escape и убедиться, что фокус вернулся на кнопку.