Задача: Создайте адаптивное меню

Условие: Создайте адаптивное меню

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

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

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

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

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

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

Соберите «Создайте адаптивное меню» в тестовом шаблоне. Для «Создайте адаптивное меню» выполните предметную проверку: проверьте адрес, текст ссылки, текущий пункт и клавиатурный фокус. Затем замените демонстрационные данные «Создайте адаптивное меню» реальными.

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

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