要模擬模糊的視覺,請在 渲染 工具中使用「 模擬視覺缺失 」選單。 當你在 無障礙測試示範網頁使用此功能時,你會發現上方選單文字的陰影會讓選單項目難以辨識。
要檢查網頁是否能在視力模糊時使用:
請在新視窗或分頁中開啟 無障礙測試示範網頁 。
要開啟 DevTools,請右鍵點擊網頁,然後選擇 檢查。 或者,在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。 DevTools 開啟。
在 DevTools 的活動欄,點擊「更多工具」
按鈕,然後選擇渲染。在 渲染 工具中,捲動到「 模擬視覺缺陷 」區塊。
在 模擬視覺缺陷 區塊,選擇模糊 視線:
模糊視覺模擬顯示,上方選單的
text-shadowCSS 屬性使得選單項目的文字文字難以閱讀,例如 「回家 」和「 認養寵物 」 () 。要移除模糊視覺模擬,請在 渲染 工具的模擬視覺 缺陷中選擇 「無模擬」。