フィードバック

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

  • [アーティクル]

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

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

レイアウトと色

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

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

キーボード

アプリのユーザー補助機能をテストする際は、 キーボードのみで使用できるアプリ、iOSと Android のアクセシビリティ モード、キーボードを使用したスクリーンリーダーを確保してください。

キーボード ナビゲーション (スクリーン リーダーあり / なし) については、各コントロールの TabIndex プロパティを設定することで、Tab キーを使った入力フィールドの移動が論理的な順序に従うようなります。

  • Label, Image, Icon, Shape コントロール - 対話型要素 (すなわちボタン) である場合は、TabIndex を 0 に設定します。装飾的な要素またはテキストである場合は、TabIndex を -1 に設定します。
  • タブのインデックスを 0 より大きい値に設定しないでください。

スクリーン リーダー

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

  • JAWS: Microsoft Edge
  • ナレーター: Microsoft Edge
  • NVDA: Google Chrome、Firefox
  • TalkBack: Google Chrome、Power Apps Mobile
  • VoiceOver: Power Apps Mobile、Safari (macOS、iOS、iPadOS)

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

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

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

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

マルチメディア

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

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

署名の使用

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

次の手順

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

関連項目