Требования к проекту №1, №2

• Разметка:

  1. Грубые ошибки в разметке отсутствуют.
  2. Проект соответствует техническому заданию.
  3. У всех изображений в теге <img> прописан размер.
  4. Использовано минимально возможное количество HTML-элементов (нет лишних элементов).
  5. Названия полей форм привязаны к своим полям с помощью <label>.

• Стилизация:

  1. В CSS отсутствует !important.
  2. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
  3. Для стилизации не использованы #id.
  4. При использовании блочно-строчных элементов явно указывайте вертикальное выравнивание.
  5. Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет).

• Тестирование:

  1. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 11+.
  2. Сайт нормально смотрится на минимальной для макета ширине.
  3. Вёрстка проходит тест на переполнение контентом.

• Разное:

  1. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
  2. Критическая функциональность сайта работоспособна без JavaScript (использовано прогрессивное улучшение).
  3. Отсутствует транслит в названиях классов, атрибутах, названиях файлов и так далее.

• Доступность:

  1. У интерактивных элементов при нажатии или фокусе с клавиатуры есть активное состояние.
  2. Все интерактивные элементы имеют текстовое описание.

• JavaScript:

  1. С помощью JavaScript реализовано открытие/закрытие окна с формой (без вспомогательных библиотек).
  2. С помощью JavaScript добавлена анимация формы (без вспомогательных библиотек).