Задача: Улучшите адаптивное меню

Условие: Улучшите адаптивное меню

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

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

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

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

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

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

Создайте два варианта «Улучшите адаптивное меню» в изолированном демо: корректный и содержащий риск «неясная подпись или ложная кнопка затрудняют выбор действия». Объясните различие вариантов «Улучшите адаптивное меню» по наблюдаемому результату.

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

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