共用方式為


模擬視覺缺陷

為了更符合 色彩視覺缺陷 (色盲) 或模糊視覺的使用者需求,Microsoft Edge DevTools 可讓您模擬模糊視覺和特定色彩視覺缺陷。 模擬視覺缺陷工具會模擬下列類別:

色彩視覺缺陷 詳細資料
視力 用戶難以專注於詳細數據。
Protanopia 用戶無法察覺任何紅燈。
Deuteranopia 用戶無法察覺到任何綠色光線。
Tritanopia 用戶無法察覺任何藍光。
色盲 用戶無法察覺任何色彩,這會將所有色彩縮減為灰色陰影。

模擬視覺缺陷工具會模擬具有每個缺陷的人員如何看到您產品的近似值。 每個人都不同,因此視覺缺陷的嚴重性會因人而異。 若要更符合使用者的需求,請避免任何可能是問題的色彩組合。 模擬視覺缺陷工具不會為您的產品提供完整的輔助功能評估,但提供良好的第一個步驟來避免問題。

開啟轉譯工具

若要模擬視力不良的人如何看到您的網頁,請使用 譯工具:

  1. 若要開啟 DevTools,請以滑鼠右鍵按兩下網頁,然後選取 [ 檢查]。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 隨即開啟。

  2. 在 DevTools 的 [ 活動列] 上,選取 [ 轉譯] 索引 標籤。如果看不到該索引標籤,請按兩下 [ 其他工具 ] ([ 其他工具] 圖示) 按鈕。 轉 譯工具隨即 開啟。

  3. 向下捲動至 [模擬視覺缺陷] 區 段:

    轉譯工具中的一節

  4. 按兩下 [ 沒有模擬 ] 下拉式清單,然後選取選項。 瀏覽器視窗會模擬轉譯網頁中選取的視覺缺陷:

    瀏覽器視窗,網頁中有修改過的色彩,以模擬選取的色彩視覺缺陷

使用命令功能表

或者,您可以使用 [ 命令功能表 ] 來存取不同的模擬:

  1. Ctrl+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS) 以開啟 [ 命令] 功能表

  2. 輸入 模擬,選取您想要模擬,然後按 Enter

    顯示不同視覺缺陷類型的命令功能表

另請參閱