Задача: Адаптируйте адаптивное меню

Условие: Адаптируйте адаптивное меню

Практический разбор «Адаптируйте адаптивное меню» строится вокруг области «практическая задача: навигация». Для темы «Адаптируйте адаптивное меню» предметный результат подтверждается так: проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Контрольный критерий «Адаптируйте адаптивное меню» формулируется так: проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Результат задачи «Адаптируйте адаптивное меню» должен сохранять семантический HTML, адаптивную раскладку и понятные состояния управления.

Стартовый код

<nav aria-label="Основная навигация">
  <a href="/">Главная</a>
  <a href="/catalog/">Каталог</a>
</nav>

Критерии готовности

• Проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус применительно к теме «Адаптируйте адаптивное меню»
• Сопоставьте результат «Адаптируйте адаптивное меню» с целью «дать предсказуемый переход и обозначить положение пользователя» и объясните каждое использованное условие
• Повторите проверку «Адаптируйте адаптивное меню» с другими данными и убедитесь, что исключён риск: неясная подпись или ложная кнопка затрудняют выбор действия
• Назначение «Адаптируйте адаптивное меню» понятно без декоративного оформления

Усложнение задачи

Подготовьте минимальный пример «Адаптируйте адаптивное меню» в тестовом шаблоне. Для «Адаптируйте адаптивное меню» подтвердите цель «дать предсказуемый переход и обозначить положение пользователя» и исключите риск «неясная подпись или ложная кнопка затрудняют выбор действия».

Самопроверка решения

Перед применением «Адаптируйте адаптивное меню» сформулируйте ожидаемое поведение, затем проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Для «Адаптируйте адаптивное меню» такое сравнение показывает реальную причину изменения. Затем исключите следующие риски: Неясная подпись или ложная кнопка затрудняют выбор действия — это предметный риск для «Адаптируйте адаптивное меню»; Загрузка тяжёлого ресурса до того, как он нужен пользователю при использовании «Адаптируйте адаптивное меню»; Фиксированные размеры, которые перестают вмещать реальное содержимое; для «Адаптируйте адаптивное меню» проверьте это отдельно.