アクセシビリティ対応のデザイン

Power BI におけるユーザー中心のデザイン

Maarten Van den Broeck

Content Developer at DataCamp

色覚特性（CVD）

• 男性の約8%、女性の約0.5%に影響
• 主因は2つ：特定の錐体の機能低下（「異常」）または欠如（「無色覚」）

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

色覚特性（CVD）

• 男性の約8%、女性の約0.5%に影響
• 主因は2つ：特定の錐体の機能低下（「異常」）または欠如（「無色覚」）

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

CVD の見え方の違い

通常の見え方

トリタノピア

プロタノピア

デュータノピア

色の使い方のコツ

• 引き算の設計を
• 色に頼らない視覚表現を優先
• CVD対応のカラーパレットを使用
• 色以外の指標も用意
• Coblis などのツールを活用

フォントサイズ

高コントラストモード

コントラストを高める

• コントラスト比：2色の知覚明度差
• 推奨：通常の文字は少なくとも 4.5:1、大きな文字（18pt 以上）は 3:1
• 背景画像はコントラスト比を下げがち
• ツールでコントラストを確認

スクリーンリーダー

• Power BI はスクリーンリーダー対応（画面上の文字や画像の「代替テキスト」を読み上げ）
• ビジュアルを表として表示でき、値の一覧が容易
• Alt Text はビジュアルの説明。固定文やフィールド値を使用可
• キーボードショートカットは制限があり、全内容は読まれない

スマートナラティブ

対象読者

• 物価動向の把握を目指す研究機関
• 報告書の閲覧者に視覚アクセシビリティ上の懸念あり

練習しましょう！

Power BI におけるユーザー中心のデザイン