次の方法で共有


アクセシビリティ対応の Power BI レポートを設計する

適用対象: Power BI Desktop Power BI サービス

説得力のあるレポートを設計および作成しながら、アクセシビリティ対応の設計にすることもできます。 レポートを作成する場合は常に、対象ユーザーが誰であるかに関係なく、レポートを特別な設計の種類に適合させる必要なく、可能な限り多くのユーザーが使用できるようにレポートを作成する必要があります。

Windows ユーザーの場合、[設定] アプリでハイ コントラストを選択します。

この記事では、Power BI でアクセシビリティ対応のレポートを作成するためのアクセシビリティ機能とツールについて説明します。

一般的に、スクリーン リーダーで Power BI を使用する場合は、スキャン モードまたはブラウズ モードをオフにすることをお勧めします。

スクリーン リーダーを使用してレポートを作成するプロセスを改善するには、ショートカット メニューを使用できます。 このメニューを使用すると、[フィールド] リストで、ウェル内のフィールドを上または下に移動できます。 このメニューではまた、 [凡例][値] などの他のウェルにフィールドを移動することもできます。

フィールドを移動するオプションが強調表示されている [視覚化] および [フィールド] ペインのスクリーンショット。

アクセシビリティ機能の種類

Power BI にはアクセシビリティ対応のレポートを作成する機能が用意されていますが、その機能をレポートに組み込むかどうかは、レポート作成者が判断します。 この記事で説明するアクセシビリティ機能には、次の 3 つのカテゴリがあります。

  • 組み込みのアクセシビリティ機能 (構成は不要)
  • 組み込みのアクセシビリティ機能 (構成が必要)
  • その他のヒントと考慮事項

以下のセクションでは、これらの各カテゴリについて説明します。

組み込みのアクセシビリティ機能

Power BI には、製品に組み込まれていて、レポート作成者が構成する必要のないアクセシビリティ機能が備わっています。 これらの機能は次のとおりです。

  • キーボード ナビゲーション
  • スクリーン リーダーの互換性
  • ハイ コントラストの色のビュー
  • フォーカス モード
  • [データを表示します] テーブル

また、レポート使用エクスペリエンスに役立つ機能もあります。 これらの機能について説明している記事は、この記事の最後にある「関連するコンテンツ」セクションで確認できます。

これらの組み込みアクセシビリティ機能のそれぞれについて見ていきましょう。

キーボード ナビゲーション

レポート作成者は、利用者がキーボードを使用してレポート内を移動できるかどうかを心配する必要はありません。 Power BI のビジュアルはすべてキーボードで移動できます。 レポート コンシューマーは、ビジュアル内のデータ ポイントを調べたり、ページ タブを切り替えたり、クロス強調表示、フィルター処理、スライスなどの対話機能にアクセスしたりすることができます。

レポート利用者がレポート内を移動すると、レポート内でユーザーがいる場所を示すフォーカスが表示されます。 使用されているブラウザーによって、フォーカス モードの表示が異なる場合があります。

アクセシビリティ ナビゲーションのためのフォーカス モードのビジュアルを示すスクリーンショット。

最も頻繁に使用されるキーボード ショートカットにアクセスするには、Shift + ? キーを押してキーボード ショートカット ダイアログを表示できます。 詳細については、この記事の最後にある「関連するコンテンツ」セクション内にあるアクセス可能な従量課金エクスペリエンスとキーボード ショートカットに関する記事を参照してください。

スクリーン リーダーの互換性

一般に、キーボード ナビゲーションを備えた Power BI 内のすべてのオブジェクトには、スクリーン リーダーとの互換性もあります。 レポート利用者がビジュアルに移動すると、スクリーン リーダーによって、タイトル、ビジュアルの種類、および設定されている場合は代替テキストが読み上げられます。

ハイ コントラストの色のビュー

Power BI では、レポートに対するハイ コントラストがサポートされています。 Windows でハイ コントラスト モードを使用している場合、Power BI Desktop では、Windows で使用されているハイ コントラストのテーマが自動的に検出されて、その設定がレポートに適用されます。 Power BI サービスやその他の場所に発行する場合、ハイ コントラストの色はそのレポートに従います。

Windows でのハイ コントラスト設定のレポートが表示されているスクリーンショット。

Power BI サービスでも、Windows 用に選択されているハイ コントラストの設定を検出しようとしますが、検出の効率と正確さは、Power BI サービスに使用されているブラウザーによって異なります。 Power BI サービスでテーマを手動で設定する場合は、[編集] モードで左上隅の [ビュー]>[ハイ コントラストの色] を選択して、レポートに適用するテーマを選択します。

[表示] と [ハイ コントラストの色] が強調表示されている編集モードの Power BI サービスのスクリーンショット。

フォーカス モード

レポート利用者がダッシュボードでビジュアルを表示している場合、ビジュアルのコンテキスト メニューで、 [フォーカス モード] アイコンを選択することで、画面のより広い領域を占めるようにビジュアルを拡大できます。

フォーカス モードに設定されたビジュアルのスクリーンショット。

[データを表示します] テーブル

レポート利用者は、Alt + Shift + F11 キーを押すことにより、ビジュアル内のデータを表形式で表示することもできます。 この表は、ビジュアルのコンテキスト メニューで [データを表示します] を選択した場合と似ていますが、スクリーン リーダー対応の表が表示されます。

スクリーン リーダー対応の表が表示されているビジュアルのスクリーンショット。

構成が必要な組み込みのアクセシビリティ機能

Power BI には、製品に組み込まれていてレポート作成者が構成する必要のあるアクセシビリティ機能があります。 次のような機能があります。

  • 代替テキスト
  • タブ オーダー
  • タイトルとラベル
  • マーカー
  • レポートのテーマ

代替テキスト

代替テキスト (代替テキストの説明) は、レポート ページ上のビジュアルと画像の外観と機能をスクリーン リーダー ユーザーに説明するために使用されます。 レポート作成者は、レポートに意味のある情報を伝えるすべてのオブジェクトに、代替テキストを追加する必要があります。 代替テキストを提供することで、ビジュアル、画像、図形、またはテキスト ボックスが表示されなくても、レポート コンシューマーは、ビジュアルで何を伝えようとしているかを理解できるようになります。 Power BI Desktop レポートのすべてのオブジェクトには、(ビジュアルや図形などの) オブジェクトを選択して、 [視覚化] ペインで [書式] セクションを選択し、 [全般] を展開し、一番下までスクロールし、 [代替テキスト] テキスト ボックスに入力を行い、代替テキストを入力することができます。 [代替テキスト] テキスト ボックスには、250 文字の制限があります。

[代替テキスト] ボックスが強調表示されている [視覚化] ペインのスクリーンショット。

代替テキストには、レポート利用者がビジュアルから得られる分析情報に関する情報が含まれている必要があります。 スクリーン リーダーでビジュアルのタイトルと種類が読み上げられるので、説明を入力するだけで済みます。 次のビジュアルの代替テキストの例を以下に示します。売れた製品の色別のネット ユーザーの満足度は、製品のクラスによってさらに分類されます。

代替テキスト例のビジュアルの例を示すスクリーンショット。

Power BI のデータは動的であるため、分析情報や特定のデータ ポイントの読み上げを静的な代替テキストに含めるのは適切ではない場合があることに注意してください。 動的な代替テキストを使用する場合は、代替テキストの条件付き書式について説明している次のセクションを参照してください。

注意

レポートを PowerPoint にエクスポートすると、PowerPoint によってページ上の各項目に代替テキストが追加されます。 各項目に代替テキストを指定しない場合、PowerPoint の既定の代替テキストは [No alt text provided](代替テキストが指定されていません) です。

代替テキストの条件付き書式

Power BI を優れたものにしている機能の 1 つは、そのデータが動的であることです。 DAX のメジャーと条件付き書式を使用して、動的な代替テキストを作成できます。 そのようにすると、スクリーン リーダーで、レポート利用者が見ているデータに固有の値を読み上げることができます。

条件付き書式アイコンが強調表示されている [代替テキスト] ペインのスクリーンショット。

タブ オーダー

タブ オーダーを設定すると、ユーザーがレポートのビジュアルを視覚的に処理する方法と一致する順序で、キーボード ユーザーがレポート内を移動できるようにすることができます。 レポートに装飾的な図形や画像を含める場合は、タブ オーダーからそれらを削除する必要があります。

タブ オーダーを設定するには、リボンの [表示] タブを選択し、 [ペインを表示する][選択ウィンドウ] を選択して、 [選択項目] ペインを表示します。

[選択] が強調表示されているリボンの [表示] タブのスクリーンショット。

[選択項目] ペインで、 [タブ オーダー] を選択すると、レポートの現在のタブ オーダーが表示されます。 オブジェクトを選択し、上下の矢印ボタンを使用してオブジェクトを階層内で移動できます。 また、マウスでオブジェクトを選択し、一覧内の適切な位置にドラッグすることもできます。 オブジェクトの横にある数字をクリックすると、オブジェクトがタブ オーダーから非表示になります。

[選択] ペインの [タブ オーダー] のスクリーンショット

タイトルとラベル

視覚化とレポート ページのタイトルは、レポート コンシューマーにとっての評価基準となる重要なアクセシビリティ機能です。 レポートのタイトルでは、頭字語や専門用語を使用しないようにします。新しいユーザーまたは組織の外部にいるユーザーとレポートを共有する場合、用語や頭字語の意味がわからない可能性があります。 次の図では、タイトルに頭字語が含まれるビジュアル (左側) と、わかりやすいタイトルのビジュアル (右側) を示します。

2 つのサンプル タイトル (不明瞭な

ビジュアル内では、タイトル、軸ラベル、凡例値、およびデータ ラベルが読みやすく、理解しやすいことを確認します。 次の図を比べてください。最初の図には数値や説明がほとんどありませんが、2 番目の図には多数あります。

2 つの画像例のスクリーンショット。1 つはシンプルな棒グラフで、もう 1 つは数字と詳細を含む棒グラフ。

データ ラベルでは、ビジュアル内の系列ごとにラベルをオンまたはオフにしたり、系列の上または下にラベルを配置したりすることもできます。 Power BI では、線の上または下の可能な限り最適な位置にデータ ラベルを表示しますが、わかりにくい場合があります。 次のビジュアルでは、データ ラベルがゴチャゴチャしていて読みやすくありません。

線と数字が重なっている折れ線グラフのスクリーンショット。

データ ラベルを系列の上または下に配置すると、特に複数の線を含む折れ線グラフを使用している場合に役立ちます。 いくつかの調整を行うことで、データ ラベルがより適切に表示されるようになりました。

線と数字がはっきりと分けられている折れ線グラフのスクリーンショット。

マーカー

情報を伝達する唯一の方法として色 (特徴の条件付き書式を含む) を使用するのは、最善の方法ではありません。 代わりに、マーカーを使用して異なる系列を伝えることができます。

線、面、複合、散布、バブルの各ビジュアルでは、マーカーをオンにし、線ごとに異なる [マーカーの図形] を使用できます。

マーカーを使用したビジュアルの例のスクリーンショット。

マーカーをオンにするには、次の図に示すように、[視覚化] ペインで [書式] セクションを選択して [図形] セクションを展開し、下にスクロールして [マーカーの表示] トグルを探し、それを [オン] にします。

[マーカー] がオンになっている [視覚化] ペインのスクリーンショット。

[系列のカスタマイズ] を選択し、各線の名前 (または [領域] グラフを使用している場合は領域) をその [図形] セクションのドロップダウン ボックスから選択することもできます。 ドロップダウン リストの下では、選択した線に使用されるマーカーの形状、色、サイズなどの多くの側面を調整できます。

レポート作成者はデータ ラベルとマーカーをオンにすることをお勧めしますが、すべてのビジュアルでそれらをすべてオンにすると、注意が散漫し、レポートのアクセシビリティが低下する可能性があります。 次の図では、データ ラベルとマーカーの両方が含まれるビジュアルと、データ ラベルがオフになっているわかりやすいバージョンを比較できます。

2 つのビジュアル例のスクリーンショット。1 つはラベルとマーカーがオンになっており、もう 1 つはマーカーのみがオンになっています。

ビジュアルまたはレポートが繁雑すぎるかどうかわからない場合は、Squint Test (目を細めて見るテスト) を行ってテストします。 データ ポイントよりデータ ラベルに目が引かれる場合は、データ ラベルをオフにします。

テーマ、コントラスト、および色覚障碍対応の色

レポートのテキストと背景色の間に十分なコントラストがあることを確認します。 WCAG 2.1 の成功条件 1.4.3 では、テキストと背景色のコントラスト比は 4.5:1 以上である必要があると説明されています。 レポートの色を確認するには、Color Contrast AnalyzerWebAIMAccessible Colors などのツールを使用できます。

また、レポート閲覧者の中に色覚障碍を持つ人がいる可能性も考慮する必要があります。 CoblisVischeck などのツールを使用すると、さまざまな色覚障碍を持つレポート閲覧者の見え方をシミュレートすることができます。 レポートで使用する色を減らしたり、モノクロのパレットを使用したりすると、アクセシビリティの低いレポートの作成を軽減するのに役立ちます。

特定の色の組み合わせは、ユーザーにとって識別が困難な場合があります。 このような組み合わせには、次のものがあります。

  • 緑と赤
  • 緑と茶
  • 青と紫
  • 緑と青
  • 明るい緑と黄
  • 青とグレー
  • 緑とグレー
  • 緑と黒

グラフまたは同じレポート ページで、これらの色を一緒に使用することは避けます。 Power BI には、レポートのアクセシビリティを高めるのに役立つ組み込みのテーマがいくつか用意されていますが、この記事で提示されている他のツールを使用してレポートを確認することをお勧めします。

Power BI の組み込みのテーマを示すスクリーンショット。

ヒントと考慮事項

ここでは、アクセシビリティを考慮してレポートを作成するときに留意すべきガイダンス、ヒント、考慮事項について説明します。

対象ユーザーの要望を理解する

レポートの作成は反復的なプロセスです。 ページにビジュアルを配置する前に、何人かのレポート利用者と話し合って、利用者がレポートから得たい情報と、その望ましい表示方法についての理解を深めます。

アクセシビリティの組み込みは、このプロセスの一部にする必要があります。 自分の構想が、レポート コンシューマーの考えと異なることがわかる場合があります。 レポートの初期ドラフトを準備したら、それをレポート コンシューマーに見てもらい、さらに多くのフィードバックを収集します。 レポート作成者は、フィードバックを収集することにより、将来、不満を持つレポート利用者から変更要求が大量に届くのを軽減することができます。

レポートをシンプルで一貫性のあるものに保つ

レポートを可能な限りシンプルにしておきます。 1 つのビジュアルに多くのものを詰め込もうとすることがよくあります。 多くの場合、複数のビジュアルに分割することで、よりシンプルで理解しやすいものになります。 データの異なるファセットが示されている場合は複数のビジュアルを使用することを検討し、フィルターや視覚的な操作を使用してリッチなエクスペリエンスを作成します。 同時に、ページ上のビジュアルの数を最小限に抑えます。 不要な冗長性とページの煩雑さを避けるようにします。 同じことを 2 つのビジュアルで示す必要はありません。 ビジュアルが多すぎると、レポート コンシューマーは、それらから得られるすべての情報に圧倒されたり、集中力を持続する時間が限られて注意が散漫したりする可能性があります。 これにより、レポートが簡単に使い捨てられるようになるだけでなく、ページ上のビジュアルが多すぎると、レポートのパフォーマンスが低下する可能性があります。

レポート全体でビジュアル要素のフォントの色とスタイルを統一することにより、レポートの一貫性を保ちます。 データ ラベルや軸タイトルの場合と同じように、すべてのビジュアルのタイトルに同じフォント サイズを使用します。 複数のレポート ページでスライサーを使用する場合は、レポートのすべてのページで同じ場所に配置します。

視覚障碍者のためのテストを行う

視覚障碍のある利用者にレポートがどのように見えるかを簡単にテストするには、画面またはモバイル デバイスの明るさを下げてみます。 目を細めて見るテストを行うのに役立つブラウザー アドオンが用意されています。

レポートのアクセシビリティ チェックリスト

アクセシビリティのためのツールと機能が提供されているだけでなく、Power BI には、レポートの作成時に使用できる次のようなチェックリストが用意されています。 このチェックリストは、レポートを公開する前に、確実にアクセシビリティ対応で、最大限の利用者が使用できるものにするのに役立ちます。

すべてのビジュアル

  • タイトル、軸ラベル、データ ラベルのテキストと背景の色のコントラストが、4.5:1 以上であることを確認します。
  • 情報を伝達する唯一の手段として色を使用しないようにします。 テキストまたはアイコンを使用して、色を補完または置き換えます。
  • 不要な専門用語や頭字語を置き換えます。
  • ページ上のすべての非装飾ビジュアルに、代替テキストを追加します。
  • レポートページが色覚障碍を持つユーザー対応になっていることを確認します。

スライサー

  • レポート ページに複数のスライサーのコレクションがある場合は、ページ間でデザインが統一されていることを確認します。 可能な限り、同じフォント、色、空間位置を使用します。

テキストボックス

  • フォントと背景の色のコントラストが 4.5:1 以上であることを確認します。
  • スクリーン リーダーで読み上げられるように、代替テキスト ボックスにテキストの内容を入力します。

ビジュアル対話

  • 対話によってしか重要な情報にアクセスできませんか。 その場合は、ビジュアルを並べ替えて、重要な結論をより明確にするために事前にフィルター処理します。
  • ナビゲーションにブックマークを使用していますか。 キーボードでレポート内を移動してみて、キーボードのみのユーザーでも受け入れられるエクスペリエンスであることを確認します。

並べ替え順序

  • ページ上の各ビジュアルの並べ替え順序が意図的に設定されていますか。 アクセシビリティの高い [データを表示します] テーブルには、ビジュアルに設定されている並べ替え順序でデータが表示されます。

ヒント

  • 重要な情報を伝えるためにヒントを使用しないでください。 運動機能に障碍のあるユーザーやマウスを使用しないユーザーは、ヒントにアクセスするのが困難です。
  • ヒントは補助情報としてグラフに追加します。 これは、各ビジュアルのアクセシビリティの高い [データを表示します] テーブルに含まれます。

ビデオ

  • ページのレンダリング時に自動的に開始されるビデオは使わないようにします。
  • ビデオでは、キャプションまたはトランスクリプトを提供します。

オーディオ

  • ページのレンダリング時に自動的に開始されるオーディオは使わないようにします。
  • オーディオではトランスクリプトを提供します。

図形

  • 装飾的な図形がタブ オーダーで非表示としてマークされていることを確認し、スクリーン リーダーによって読み上げられないようにします。
  • 装飾的な図形を多用しすぎて邪魔になることがないようにします。
  • 図形を使用してデータ ポイントを読み上げるときは、代替テキストを使用して読み上げられる内容を説明します。

イメージ

  • 画像を使用してデータ ポイントを読み上げるときは、代替テキストを使用して読み上げられる内容を説明します。
  • 装飾的な画像がタブ オーダーで非表示としてマークされていることを確認し、スクリーン リーダーによって読み上げられないようにします。
  • 装飾的な画像を多用しすぎて邪魔になることがないようにします。

Power BI ビジュアル

  • Power BI ビジュアルに対するアクセシビリティの高い [データを表示します] テーブルを確認します。 表示される情報が十分でない場合は、別のビジュアルを探します。
  • "再生軸" カスタム ビジュアルを使用する場合、自動的に再生されないようにします。 変化する値を開始/停止するにはユーザーが再生/一時停止ボタンを選択する必要があることを明確にします。

ページ上のビジュアル間

  • タブ オーダーを設定し、装飾的なアイテムについてはタブ オーダーをオフにします (アイテムを非表示としてマークします)。

考慮事項と制限事項

アクセシビリティ機能には、既知の問題と制限がいくつかあります。 これらの問題と制限事項について、次の一覧で説明します。

  • Power BI Desktop でスクリーン リーダーを使用する場合、Power BI Desktop でいずれかのファイルを開く前にご利用のスクリーン リーダーを開くと最良のエクスペリエンスが得られます。

Power BI のアクセシビリティに関する記事のコレクションは次のとおりです。