為了更好地滿足色 覺缺陷 (色盲) 或模糊視覺使用者的需求,Microsoft Edge DevTools 允許你模擬模糊視力及特定色覺缺陷。 模擬視覺缺陷工具模擬以下類別:
| 色覺缺陷 | 詳細資料 |
|---|---|
| 視力模糊 | 使用者難以專注於細節。 |
| 原生盲 | 使用者無法感知任何紅光。 |
| 杜特拉諾皮亞 | 使用者無法感知任何綠光。 |
| 三柱國 | 使用者無法感知任何藍光。 |
| 無色盲 | 使用者無法感知任何顏色,所有顏色會被簡化成灰色調。 |
模擬視覺缺陷工具模擬每個缺陷者可能如何看待你的產品。 每個人情況不同,因此視力缺陷的嚴重程度因人而異。 為了更好地滿足用戶需求,避免任何可能成為問題的顏色組合。 Emulate 的視覺缺陷工具無法提供完整的無障礙評估,但能提供避免問題的良好第一步。
打開渲染工具
要模擬視障者看到你網頁的樣貌,請使用 渲染 工具:
要開啟 DevTools,請右鍵點擊網頁,然後選擇 檢查。 或者,在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。 DevTools 開啟。
在 DevTools 的 活動欄中,選擇 渲染 標籤。如果那個分頁看不到,請點擊 「更多工具 」
) 按鈕。 渲染 工具開啟 。往下滑到 模擬器視力缺陷 區塊:
點選 「無模擬 」下拉選單,然後選擇一個選項。 瀏覽器視窗模擬渲染網頁中所選的視覺缺失:
使用指令選單
另一種方法是使用 指令選單 來存取不同的模擬:
在 Windows、Linux) 按 Ctrl+Shift+P (在 macOS) 按 Command+Shift+P (開啟 指令選單。
輸入 模擬,選擇你想模擬的視覺障礙類型,然後按下 Enter。