アクセシビリティとベストプラクティス — 色覚多様性・フォント・代替テキスト

導入

美しいビジュアライゼーションを作っても、色の見え方が異なる人には伝わりにくい場合があります。アクセシビリティへの配慮は、より多くの人にデータを正確に届けるための重要なスキルです。

くわしく知ろう

色覚多様性（色覚特性）への対応は、アクセシビリティの中で最も広く問われるテーマです。赤と緑を区別しにくい方は日本国内だけでも数百万人いるとされており、赤・緑の2色で違いを表現するビジュアライゼーションはそれらの方々には伝わりません。対策としては、色相だけに頼らず形・サイズ・明暗（輝度コントラスト）を組み合わせる、または色覚多様性に配慮したカラーパレットを選ぶことが推奨されています。Tableauには色覚特性に対応したカラーパレットが標準で用意されています。

フォントもアクセシビリティに直結します。サンセリフ体（ゴシック体）は細かい文字でも視認性が高く、ビジュアライゼーションでは一般的に推奨されています。また、文字サイズは最小でも10pt以上を確保し、背景との輝度コントラスト比を十分に取ることが重要とされています。

代替テキスト（Alt テキスト）の設定もベストプラクティスの一部です。Tableau Cloudやダッシュボードに埋め込まれたビューは、スクリーンリーダーを使うユーザーのためにビューの内容を説明するテキストを設定できます。「売上上位10製品の棒グラフ」のように、ビューが何を示しているかを簡潔に記述するのが望ましいとされています。

ツールヒントの最適化も見逃しがちなベストプラクティスです。マウスオーバー時に表示される情報は、グラフだけでは読み取りにくいデータを補足する役割を持ちます。冗長な情報を詰め込まず、ユーザーが最も知りたい数値や文脈情報を簡潔に示すように設計することが求められます。

具体例

たとえば「利益がプラスなら緑、マイナスなら赤」というカラーコーディングは直感的ですが、赤緑色覚特性の方には区別できません。青とオレンジの組み合わせに変更するか、プラス・マイナスで形も変えることでアクセシビリティが大幅に向上します。

まとめ・試験ポイント

• 色覚多様性＝色相だけに依存せず形・明暗・サイズも組み合わせて伝える
• 赤と緑の2色のみによる区別は色覚特性への配慮が不足している代表例
• フォント＝サンセリフ体・10pt以上・背景との輝度コントラストを確保
• 代替テキスト＝スクリーンリーダー向けにビューの内容を簡潔に記述
• ツールヒント＝補足情報を簡潔に、冗長な情報は詰め込まない
• 試験では色覚多様性対策と代替テキストの目的が問われることがある