アクセシビリティ対応のキャンバス アプリを作成する

  • [アーティクル]

アクセシビリティが考慮されたキャンバス アプリを使用すれば、視覚、聴覚、その他の障碍があるユーザーもアプリを使用できるようになります。 多くの政府機関や組織の要件に加えて、以下のガイドラインに従うことにより、ユーザーの能力に関係なく、すべてのユーザーにとって使いやすさが向上します。

アクセシビリティ チェッカー を使用して、アプリの潜在的なアクセシビリティの問題を確認します。

レイアウトと色

常識的でシンプルなデザインを採用することで、アプリはすべてのユーザーにとってアクセスしやすいものとなります。 アプリを大幅にカスタマイズする場合は、以下の推奨事項に留意してください。 Power Apps のテーマは、アクセシビリティの規格を満たすように設計されています。

  • すべての要素が明確に表示され、テキストが十分なサイズであることを確認します。 すべてのコンテンツを、肉眼で簡単に読んで理解できるようにする必要があります。
  • 入力要素が画面上でラベル付けされていることを確認します。 スクリーン リーダーが読み上げる内容は、AccessibleLabel プロパティで定義します。
  • 色をカスタマイズする場合は、文字と背景のコントラスト比が 4.5:1、またはそれ以上になるようにしてください。 このプロセスを支援するソフトウェア ツールはすぐに使用可能です。
  • 上から下に、上から下に読んだときに、レイアウトが論理的な流れに沿っていることを確認します。
  • レスポンシブ アプリを作成そて ロービジョンのユーザーが前後にスクロールせずにズームインして使用できるようにします。

キーボード

アプリのアクセシビリティをテストするときは、画面 閲覧者 の有無にかかわらず、アプリがキーボードのみで使用できることを確認してください。

タブ キーは、論理的な順序でインタラクティブな要素に移動する必要があります。 これを 論理アプリ構造 を使って、そして、各コントロールの TabIndex プロパティに応じて設定することで作成できます。

  • ラベル、画像、アイコン、図形 のコントロール: これらをインタラクティブにする場合は、TabIndex を 0 に設定します。 それ以外の場合は、TabIndex を -1 に設定します。
  • TabIndex をゼロより大きく設定しないでください。
  • 簡略化されたタブ インデックス アプリの設定が有効になっている事を確認します。

スクリーン リーダー

次のスクリーン リーダーは、Power Apps で動作することが確認されています。

スクリーン リーダーを使った体験を満足のいくものにするには、次の操作を実行することをお勧めします。

  • すべての入力コントロールの AccessibleLabel プロパティを設定します。
  • 画像については、AccessibleLabel を適切な説明に設定します。
    • 画像をボタンまたはリンクとしては使わず (つまり装飾用のアイコンとして使う)、画像がスクリーン リーダーによって読み上げられてはならない場合は、AccessibleLabel を空にするか、または設定しません。
    • 画像またはアイコンをボタンとして使う場合は、リンクの説明に対する**TabIndex** を 0 に設定し、AccessibleLabel に設定します。

コントロールの種類と構造

適切なコントロールを使用し、それらをグループ化することで、スクリーンリーダーの利用者がアプリの構造を理解しやすくなります。

マルチメディア

すべてのビデオに字幕が付いていること、およびすべてのオーディオ録音のトランスクリプトが使用できることを確認します。 ビデオ コントロールでは、ClosedCaptionsUrl プロパティを介して WebVTT 形式のクローズド キャプションがサポートされます。

スクリーン リーダーを有効にした場合、タイマー では、ボタンのテキストではなく経過した時間がアナウンスされます。 不透明度が低くてタイマーが表示されない場合でも、読み上げをオフにすることはできません。

署名の使用

PenInput コントロールを使った署名フィールドがある場合は、署名の代替入力方法を有効にする必要があります。 推奨される方法は、ユーザーが名前を入力できる テキスト入力 コントロールを表示することです。 署名の指示が AccessibleLabel プロパティに設定されていることと、コントロールがペン入力の近く (右またはすぐ下) に配置されていることを確認します。

次の手順

アクセシビリティ対応アプリの構造

関連項目