设计质量
在手机、平板和桌面宽度下扫描您的网站，查找布局、对比度和标注方面的问题，并把每次扫描与已接受的基线进行比较。
本页面由英文翻译而来。如有任何差异，以英文版本为准。 阅读英文版
Atlas 会在真实浏览器中以 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 次。
- 仅限开发网站。
- 修复只是建议；Atlas 绝不会更改您的网站。