無障礙設計

以使用者為中心的 Power BI 設計

Maarten Van den Broeck

Content Developer at DataCamp

色覺缺陷（CVD）

• 影響約 8% 男性與 0.5% 女性
• 兩大成因：眼睛中特定視錐細胞的功能不足（「anomaly」）或缺失（「anopia」）

¹ https://en.wikipedia.org/wiki/Color_blindness

色覺缺陷（CVD）

• 影響約 8% 男性與 0.5% 女性
• 兩大成因：眼睛中特定視錐細胞的功能不足（「anomaly」）或缺失（「anopia」）

Name	Cones	Likelihood
Protanomaly	Red	1% Men
Protanopia	Red	1% Men
Deuteranomaly	Green	5% Men
Deuteranopia	Green	1% Men
Tritanomaly	Blue	Rare M/F
Tritanopia	Blue	Rare M/F

¹ https://en.wikipedia.org/wiki/Color_blindness

色覺缺陷實例

一般視覺

藍色弱視（Tritanopia）

紅色全色盲（Protanopia）

綠色全色盲（Deuteranopia）

更好的用色技巧

• 少即是多！
• 優先使用不依賴顏色提示的視覺化
• 採用 CVD 友善配色
• 提供非顏色的輔助指標
• 使用 Coblis 等工具

字型大小

高對比模式

提高對比度

• 對比度：兩種顏色在明度上的差異
• 建議一般文字至少 4.5:1，大片文字（18 點以上）至少 3:1
• 背景影像通常會降低對比度
• 使用對比度檢測工具來檢查

螢幕報讀軟體

• Power BI 支援螢幕報讀軟體——為低視能使用者朗讀頁面文字或影像的「alt text」
• Power BI 可將視覺化切換為表格，方便讀取數值
• Alt Text 描述視覺化內容，可用靜態文字或欄位值產生
• 鍵盤快速鍵有限，且報讀軟體不會讀出所有內容。

智慧敘事

目標受眾

• 研究機構想了解通膨趨勢
• 報表使用者可能有視覺無障礙需求

一起來練習吧！

以使用者為中心的 Power BI 設計