Качество дизайна
Проверьте свой сайт при ширине телефона, планшета и компьютера на проблемы с вёрсткой, контрастом и подписями и сравнивайте каждую проверку с принятым эталоном.
Эта страница переведена с английского. При любых расхождениях действует английская версия. Читать на английском
Atlas открывает ваш сайт в Development в настоящем браузере при ширине 375, 768 и 1440 пикселей, находит проблемы дизайна и ставит каждой проверке оценку от 0 до 100. Он также сравнивает снимки экрана с принятым вами эталоном, чтобы неожиданные визуальные изменения были заметны.
Запуск проверки
Заголовок раздела «Запуск проверки»-
Откройте Search & health → Website health и вкладку Design quality.
-
Нажмите Scan website. Atlas проверяет до 5 страниц. Если вы видите No Development website address, сначала добавьте его через Open settings.
-
Изучите результаты в разделе Latest scan: Blockers, Warnings, Pages и Changed from baseline. Выберите Screen width и Page, чтобы увидеть проблемы на этой странице.
-
Сравните Baseline и This scan рядом. К каждой проблеме прилагается Suggested fix (not applied automatically).
-
Когда проверка выглядит правильно, нажмите Accept as baseline. Будущие проверки будут сравниваться с ней.
Что проверяется
Заголовок раздела «Что проверяется»- Контент шире экрана, обрезанный текст и перекрывающиеся элементы.
- Слишком маленькие области нажатия на телефонах.
- Текст со слишком низким контрастом.
- Кнопки, ссылки и поля без доступной подписи.
Recent scans перечисляет прошлые проверки с оценкой, числом проблем и отметкой, является ли проверка эталоном.
Ограничения
Заголовок раздела «Ограничения»- Одна проверка за раз на окружение и до 6 проверок в час.
- Только сайт в Development.
- Исправления являются предложениями; Atlas никогда не меняет ваш сайт.