共用方式為


確認該頁面是否適合色盲人士使用

要檢查網頁是否適合色盲人士使用,請在 渲染 工具中使用「 模擬視力障礙 」下拉選單。

在無障礙測試示範網頁上,不同捐贈州以顏色作為區分唯一標準:

  • 綠色代表收到大量捐款。
  • 黃色表示已收到中等數量的捐款。
  • 紅色代表收到的捐款數量很少。

但你不能期待所有用戶都能如預期般體驗這些顏色。 透過使用渲染工具中的「模擬視覺缺陷」功能,你可以透過模擬不同視覺者如何看待你的設計,發現這個設計不夠好。

要檢查一個網頁是否適合色盲人士使用:

  1. 在新視窗或分頁中開啟網頁,例如無 障礙測試示範網頁

  2. 在網頁任意位置右鍵點擊,然後選擇 檢查。 或者,按 F12。 DevTools 會在網頁旁邊開啟。 預設情況下, 快速檢視 面板會打開在 DevTools 底部。

  3. 如果快速 檢視 面板還沒開啟,當焦點放在開發工具) 時,按 Esc 鍵 (開啟 快速檢視 面板。 在 快速檢視 面板中,點擊 「更多工具 (+) 」按鈕,然後選擇 渲染 工具。

  4. 往下滑到「 模擬視力缺損」 下拉選單,然後選擇 「Protanopia」 (無紅色) 紅盲 是指對紅光敏感度降低,使得分辨綠、紅、黃三色變得困難:

    如果是有紅盲的人,會看到文件

  5. 要移除模擬,請在「 模擬視覺缺陷 」下拉選單中選擇 「無模擬」。

另請參閱

  • 模擬視覺缺陷 - 定義模擬 視覺缺陷 下拉選單中的項目,包括 Protanopia、Deuteranopia、Tritanopia 和 Achromatopsia。