Техническое задание: Верстка макета интернет-магазина

Основные требования к HTML

  • Валидность: Готовый HTML-код должен успешно проходить проверку на официальном валидаторе W3C без ошибок.
  • Семантическая разметка: Необходимо использовать семантические теги (<main>, <section>, <nav>, <article> и т.д.) для логичной и понятной структуры документа.
  • Доступность (a11y): Все интерактивные элементы (ссылки, кнопки) должны быть доступны для управления с клавиатуры (через Tab).
  • Альтернативные тексты: Для всех контентных изображений должны быть заполнены информативные атрибуты alt.

Основные требования к CSS/SCSS

  • Методология БЭМ: Все классы должны быть именованы строго по методологии БЭМ. Допускается вложение селекторов только для элементов и модификаторов внутри их блока.
  • Относительные единицы измерения: Для указания размеров должны использоваться относительные единицы (rem). Конвертацию из пикселей (px) в rem необходимо выполнять автоматически (например, с помощью функции в SCSS или предпроцессора).
  • Чистота кода: Код должен быть чистым, хорошо структурированным и комментированным при необходимости.

Результат работы

Исполнитель должен предоставить полностью готовую, кроссбраузерную и адаптивную верстку, соответствующую предоставленному макету (PSD, Figma, Sketch) и всем перечисленным техническим требованиям.