Чеклист

• TEST-01. Кроссбраузерность.

• TEST-02. Технологии.

• TEST-03. Размеры страницы.

• TEST-04. Переполнение.

• TEST-05. Шрифты.

  • В полях стоимости проживания размер шрифта не соответствует макетному.

• TEST-06. Pixel Perfect.

  • 
  • 
  • 
  • Общей тени не хватает под контентной областью.

• TEST-07. Стайлгайд.

• TEST-08. Взаимодействие.

Проект

• PROJ-01. Кодгайд.

  • Разметку обеих страниц надо бы отформатировать, есть отступы не подходящего размера.

• PROJ-02. Именование.

• PROJ-03. Название папок и файлов.

• PROJ-04. Закомментированный код. ⭐️

• PROJ-05. Неиспользуемые файлы. ⭐️

HTML

• HTML-01. Ориентиры.

• HTML-02. Заголовки.

• HTML-03. Кнопки и ссылки.

  • Есть ссылки с пустым href.
  • Есть кнопки без type.

• HTML-04. Работоспособные формы.

  • У формы подписки нет атрибута method. Надо указать post, ведь мы же не хотим в открытом виде электропочту пользователя слать.

• HTML-05. Подписи полей форм.

• HTML-06. Лишние элементы.

• HTML-07. Валидация HTML.

• HTML-08. Фавиконки. ⭐️

CSS

• CSS-01. Подключение стилей.

• CSS-02. Глобальный селектор.

• CSS-03. Вложенность.

• CSS-04. ID в селекторах.

• CSS-05. Использование !important.

• CSS-06. Использование шрифтов.

Графика

• IMG-01. Контентная и декоративная графика.

• IMG-02. Форматы графики.

• IMG-03. Размеры графики в разметке.

Контент

• CONT-01. Текстовые переносы. ⭐️

Доступность

• ALLY-01. Описание графики.

  • Есть alt-ы без точек в конце и не с прописной буквы. Это допускается, только если изображение является частью предложения. В остальных случаях в alt должны быть полноценные предложения. Потому что это текст, заменяющий изображение.

• ALLY-02. Подписи интерактивных элементов.

  • Есть кнопки совсем без текстового описания. Можно сделать поиск по ></button> — некоторое из этого будет просто закрытый тег button. Это не касается случаев, когда у такого закрытого тега есть атрибуты aria-label, aria-labeledby, aria-describedby.
  • В форме подписки поле обёрнуто в лэйбл, но текста в этом лэйбле нет.
  • В форме модалки нет сообщений об (не)успешности ввода под полями.

• ALLY-03. Видимое состояние элементов.

  • Что-то пошло не так с логотипом академии. Обводка обрамляет слишком большие поля. У псевдика надо margin убрать и настроить более точно размер псевдика. Причём размеры зачем-то сейчас прописаны и для состояния :focus-visible, там только обводка должна появляться, остальное от покоя должно оставаться.

• ALLY-04. Области интерактивных элементов.

• ALLY-05. Фоновый цвет у фоновых картинок.

  • Для .about надо более подходящий цвет фона сделать (у .inner-filter-section лучше).

• ALLY-06. Порядок фокуса. ⭐️