ЗадачаАктуально

Задача: Исправьте адаптивное меню

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

Условие: Исправьте адаптивное меню

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

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

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

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

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

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

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

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

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

Спецификации и источники

Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.