# Сценарий проверки мобильного меню

К статье https://keivo.ru/blog/mobilnoe-menyu-sayta/

URL / дата / версия:
Устройства / браузеры / способы управления:
Тип меню: раскрывающийся список / модальная панель / другое:
Согласованные способы закрытия:
Поведение фокуса и страницы под панелью:

| Состояние | Действие | Ожидается | Наблюдается / доказательство |
|---|---|---|---|
| Закрыто | Дойти Tab до кнопки и активировать | Кнопка понятна, фокус виден, список открыт | |
| Открыто | Пройти пункты и последний пункт | Все ссылки доступны | |
| Переход | Выбрать раздел | Правильный URL, новая страница пригодна к использованию | |
| Якорь, если есть | Выбрать блок этой страницы | Блок виден и не перекрыт панелью | |
| Закрытие без перехода | Использовать выбранный способ | Закрытие и фокус соответствуют согласованному паттерну | |
| Смена экрана | Повернуть телефон, изменить ширину | Нет невидимого перекрытия и зависшей блокировки прокрутки | |

## Учебное замечание

После перехода по якорю меню исчезает, но прокрутка страницы остаётся заблокированной — требуется восстановить состояние страницы и повторить якорный переход, обычную ссылку и закрытие без перехода

## Повторный проход

- [ ] Телефон и касания
- [ ] Клавиатура и видимый фокус
- [ ] Другая страница с общей шапкой
- [ ] Сценарий без JavaScript по согласованному fallback
- [ ] Опубликованная версия на домене

Этот сценарий не заменяет полноценную проверку доступности — модальное и немодальное поведение проверяются по разным требованиям

## Клавиатурный проход: обычное раскрытие

1. При закрытом меню нажимать Tab до кнопки — фокус виден, имя понятно
2. Открыть Enter — ссылки появились
3. Пройти Tab по ссылкам, затем продолжить к следующим элементам страницы
4. Вернуться Shift+Tab — порядок понятен, нет переходов в невидимые элементы
5. Выбрать ссылку Enter — цель соответствует таблице адресов
6. Повторить открытие кнопки пробелом — отдельно записать выбранное поведение Escape
7. Закрыть список и убедиться, что скрытые пункты не остались в обычном порядке Tab

## Клавиатурный проход: модальная панель

1. Найти кнопку Tab и открыть Enter
2. Проверить, что фокус оказался внутри панели
3. Пройти Tab до последнего доступного элемента — следующее нажатие возвращает к первому внутри панели
4. Повторить обратный путь Shift+Tab
5. Закрыть Escape — панель скрылась, фокус вернулся к доступной кнопке открытия
6. Открыть снова и выбрать ссылку — после перехода новая страница или выбранный блок доступны для продолжения
7. Проверить поворот и переход к широкой шапке — не остаётся блокирующего слоя или забытой блокировки прокрутки

## Таблица назначения пунктов

| Видимая подпись | Тип: страница / якорь / раскрытие | Ожидаемая цель | Фактический результат |
|---|---|---|---|
| | | | |
| | | | |

## Заполненные учебные замечания

Условия: версия v1 учебного сайта мастерской, узкое окно Chrome360×800, модальная панель — это образец записи, не результат проверки клиента

| ID | Шаги и наблюдение | Ожидается | Что подтверждает исправление |
|---|---|---|---|
| M-1 | Открыть меню → выбрать Условия → попробовать прокрутить — прокрутка не работает | Переход завершён, страница доступна | Повторить якорь, обычную ссылку и закрытие без перехода |
| M-2 | Открыть Enter → закрыть Escape — видимый фокус потерян | Фокус у доступной кнопки открытия | Проверить выделение, следующий Tab и обратный путь |

Причина остаётся гипотезой до диагностики — для M-1 проверить снятие блокировки при переходе, для M-2 восстановление фокуса

## После исправления

Версия:
Дата и условия повторения:
M-1 — фактический результат / доказательство:
M-2 — фактический результат / доказательство:
Другой адрес с общей шапкой:
Что осталось непроверенным:

Не объединяйте M-1 и M-2 в одно «меню исправлено» — у них разные признаки завершения