无障碍设计

以用户为中心的 Power BI 设计

Maarten Van den Broeck

Content Developer at DataCamp

色觉缺陷（CVD）

• 影响约 8% 男性和 0.5% 女性
• 两大原因：眼内特定视锥细胞功能不足（"弱视"）或缺失（"色盲"）

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

色觉缺陷（CVD）

• 影响约 8% 男性和 0.5% 女性
• 两大原因：眼内特定视锥细胞功能不足（"弱视"）或缺失（"色盲"）

名称	视锥	概率
原色弱	红	1% 男性
原色盲	红	1% 男性
绿色弱	绿	5% 男性
绿色盲	绿	1% 男性
蓝色弱	蓝	罕见 男女
蓝色盲	蓝	罕见 男女

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

CVD 实例

典型视力

蓝色盲（Tritanopia）

原色盲（Protanopia）

绿色盲（Deuteranopia）

更好用色的技巧

• 少即是多！
• 优先使用无需颜色提示的可视化
• 使用对 CVD 友好的配色
• 提供除颜色外的指示
• 使用 Coblis 等工具

字体大小

高对比度模式

提高对比度

• 对比度比率：两种颜色感知亮度的差异
• 建议：普通文本≥4.5:1，大片文本（18pt 及以上）≥3:1
• 背景图片通常降低对比度
• 使用对比度测试工具进行检查

屏幕阅读器

• Power BI 支持屏幕阅读器——为低视力用户朗读页面文本或图像"替代文本"的工具
• 支持将可视化显示为表格，便于查看取值
• 替代文本描述可视化，可为静态文本或字段值
• 键盘快捷键受限，屏幕阅读器不会读出全部内容

智能叙述

我们的受众

• 研究机构，旨在了解通胀趋势
• 报告用户可能有视觉无障碍需求

让我们来练习！

以用户为中心的 Power BI 设计