設計品質
以手機、平板與桌面寬度掃描您的網站，找出版面、對比與標示問題，並將每次掃描與已接受的基準進行比較。
本頁翻譯自英文。若內容有任何差異，以英文版為準。 閱讀英文版
Atlas 會在真實瀏覽器中以 375、768 與 1440 像素寬度開啟您的 Development 網站，找出設計問題，並為每次掃描給出 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 絕不會更動您的網站。