- Макет адаптируется по трем брейкпоинтам (320px, 764px, 1280px).
- Изображения оптимизированы. Загружают альтернативу в webp формате при наличии браузерной поддержки.
- Изображения на странице являются адаптивными. В зависимости от размера экрана подбирается изображение оптимального разрешения, чтобы снизить объем трафика.
- Векторные изображения объединены в спрайт, чтобы уменьшить количество запросов к серверу.
- Предзагрузка шрифтов, файов стилей и скриптов позволяет быстрее отобразить страницу пользователю.
- Верстка валидна по W3C.
- Документ описан с помощью HTML тегов, максимально подходящих по назначению, и не страдает диватозом.
- Интерфейс удобно управляется с клавиатуры.
- Компоненты описаны с помощью ARIA-атрибутов, что делает сайт более доступным для скринридеров.
- Сайт корректно отображается в Chrome, Firefox, IE11, Safari и других современных браузерах.
Макет HTML Academy
