共用方式為


模擬視覺缺陷

為了更好地滿足色 覺缺陷 (色盲) 或模糊視覺使用者的需求,Microsoft Edge DevTools 允許你模擬模糊視力及特定色覺缺陷。 模擬視覺缺陷工具模擬以下類別:

色覺缺陷 詳細資料
視力模糊 使用者難以專注於細節。
原生盲 使用者無法感知任何紅光。
杜特拉諾皮亞 使用者無法感知任何綠光。
三柱國 使用者無法感知任何藍光。
無色盲 使用者無法感知任何顏色,所有顏色會被簡化成灰色調。

模擬視覺缺陷工具模擬每個缺陷者可能如何看待你的產品。 每個人情況不同,因此視力缺陷的嚴重程度因人而異。 為了更好地滿足用戶需求,避免任何可能成為問題的顏色組合。 Emulate 的視覺缺陷工具無法提供完整的無障礙評估,但能提供避免問題的良好第一步。

打開渲染工具

要模擬視障者看到你網頁的樣貌,請使用 渲染 工具:

  1. 要開啟 DevTools,請右鍵點擊網頁,然後選擇 檢查。 或者,在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。 DevTools 開啟。

  2. 在 DevTools 的 活動欄中,選擇 渲染 標籤。如果那個分頁看不到,請點擊 「更多工具 (「更多工具」圖示) 按鈕。 渲染 工具開啟

  3. 往下滑到 模擬器視力缺陷 區塊:

    渲染工具中的模擬視覺缺陷區塊

  4. 點選 「無模擬 」下拉選單,然後選擇一個選項。 瀏覽器視窗模擬渲染網頁中所選的視覺缺失:

    瀏覽器視窗,網頁中經過修改的顏色以模擬所選的色覺缺陷

使用指令選單

另一種方法是使用 指令選單 來存取不同的模擬:

  1. 在 Windows、Linux) 按 Ctrl+Shift+P (在 macOS) 按 Command+Shift+P (開啟 指令選單

  2. 輸入 模擬,選擇你想模擬的視覺障礙類型,然後按下 Enter

    指令選單顯示不同類型的視力障礙

另請參閱