要檢查網頁是否適合色盲人士使用,請在 渲染 工具中使用「 模擬視力障礙 」下拉選單。
在無障礙測試示範網頁上,不同捐贈州以顏色作為區分唯一標準:
- 綠色代表收到大量捐款。
- 黃色表示已收到中等數量的捐款。
- 紅色代表收到的捐款數量很少。
但你不能期待所有用戶都能如預期般體驗這些顏色。 透過使用渲染工具中的「模擬視覺缺陷」功能,你可以透過模擬不同視覺者如何看待你的設計,發現這個設計不夠好。
要檢查一個網頁是否適合色盲人士使用:
在新視窗或分頁中開啟網頁,例如無 障礙測試示範網頁。
在網頁任意位置右鍵點擊,然後選擇 檢查。 或者,按 F12。 DevTools 會在網頁旁邊開啟。 預設情況下, 快速檢視 面板會打開在 DevTools 底部。
如果快速 檢視 面板還沒開啟,當焦點放在開發工具) 時,按 Esc 鍵 (開啟 快速檢視 面板。 在 快速檢視 面板中,點擊 「更多工具 (+) 」按鈕,然後選擇 渲染 工具。
往下滑到「 模擬視力缺損」 下拉選單,然後選擇 「Protanopia」 (無紅色) 。 紅盲 是指對紅光敏感度降低,使得分辨綠、紅、黃三色變得困難:
要移除模擬,請在「 模擬視覺缺陷 」下拉選單中選擇 「無模擬」。
另請參閱
- 模擬視覺缺陷 - 定義模擬 視覺缺陷 下拉選單中的項目,包括 Protanopia、Deuteranopia、Tritanopia 和 Achromatopsia。