キャンバスアプリのアクセシビリティプロパティAccessibility properties for canvas apps

障碍のあるユーザーに適したコントロールを備えた、別の方法での操作を提供するためのプロパティを構成します。Configuration of properties that aid alternative ways of interacting with controls suitable for users with disabilities.

プロパティProperties

AccessibleLabel – スクリーン リーダー用のラベルです。AccessibleLabel – Label for screen readers. 画像、アイコン、および図形コントロールの値を空にすると、スクリーン リーダーにはコントロールが表示されなくなり、装飾として扱われます。An empty value for Image, Icon and Shape controls will make the controls invisible to the screen reader and treated as decorations.

Live –スクリーンリーダーがコンテンツの変更を発表する方法を指定します。Live – How screen readers should announce changes to content. ラベル コントロールでのみ使用できます。Available only in the Label control.

  • Offに設定されている場合、スクリーンリーダーは変更をアナウンスしません。When set to Off, the screen reader doesn't announce changes.
  • "丁寧" に設定されている場合、スクリーンリーダーは、スクリーンリーダーの読み上げ中に発生した変更を発表する前に読み上げを終了します。When set to Polite, the screen reader finishes speaking before announcing any changes that occurred while the screen reader was speaking.
  • Assertiveに設定すると、スクリーンリーダーは、スクリーンリーダーの読み上げ中に発生したすべての変更を通知するために、自身を中断します。When set to Assertive, the screen reader interrupts itself to announce any changes that occurred while the screen reader was speaking.

ライブリージョンで動的な変更を発表する方法について説明します。Learn how to announce dynamic changes with live regions.

TabIndex –コントロールがキーボードナビゲーションに参加するかどうかを決定します。TabIndex – Determines if the control participates in keyboard navigation.

キーボードナビゲーションは、あらゆるアプリの重要な側面です。Keyboard navigation is an important aspect of any app. 多くの場合、キーボードはタッチやマウスを使用するよりも効率的で、スクリーンリーダーが視覚障碍を持つことができます。For many the keyboard is more efficient than using touch or a mouse and it enables screen readers for the visually impaired. ナビゲーション順序は次のとおりです。The navigation order should:

  • 視覚的に表示されるものをミラー化します。Mirror what is seen visually.
  • 対話型のコントロールでのみ、タブストップを持ちます。Only have a tab stop at controls that are interactive.
  • "Z" の順に、または下に "逆順" の順に移動します。Follow either an intuitive across and then down "Z" order or a down and then across "reverse-N" order.

上記の要件は既定のTabIndex値で満たされるため、変更しないことをお勧めします。The above requirements will be met with the default TabIndex values and we recommend that you do not change them. 既定では、ほとんどのユーザーが視覚的に期待しています。スクリーンリーダーでも正常に動作します。The default is what most users expect visually and it will work well with a screen reader. ただし、既定値を上書きすることが必要になる場合もあります。But there may be cases in which you will want to override the default. TabIndexプロパティと強化されたグループコントロール(試験段階) を使用して、ナビゲーション順序を調整します。Use the TabIndex property and the Enhanced group control (experimental) to make adjustments to the navigation order.

TabIndexプロパティには、次の2つの推奨値があります。The TabIndex property has two recommended values:

TabIndex 値TabIndex value 動作Behavior の既定値Default for
00 コントロールはキーボードナビゲーションに参加します。Control participates in keyboard navigation. ボタンテキスト入力コンボボックス、およびその他の一般的な対話コントロールです。Button, Text input, Combo box, and other typically interactive controls.
−1−1 コントロールは、キーボードナビゲーションには参加しません。Control does not participate in keyboard navigation. ラベル画像アイコン、およびその他の一般的な非対話型のコントロール。Label, Image, Icon, and other typically non-interactive controls.

通常、ナビゲーション順序は左から右、次に上から下に "Z" パターンで移動します。Navigation order generally goes from left-to-right, then top-to-bottom, in a "Z" pattern. 順序は、コントロールのXプロパティとYプロパティの値に基づいています。The order is based on the X and Y property values of the controls. コントロールが画面上で動的に移動された場合 (たとえば、タイマーまたは他のコントロールに基づいてXまたはYの数式がある場合)、ナビゲーション順序も動的に変更されます。If controls are dynamically moved on the screen, for example by having a formula for X or Y based on a timer or other control, the navigation order will change dynamically too.

強化されたグループコントロール(試験段階) を使用して、一緒に移動する必要のあるコントロールをバンドルしたり、"逆順 N" パターンで列を作成したりします。Use the Enhanced group control (experimental) to bundle controls that should be navigated together or to create columns in a "reverse-N" pattern. 次の例の先頭では、名前フィールドが強化されたグループコントロール内に含まれています。これにより、ナビゲーションが続行されてから移動します。At the top of the following example, the name fields are contained within an enhanced group control which causes navigation to proceed down before moving across. この例の下部では、グループコントロールは使用されません。ナビゲーションは通常どおりに行われ、その後、コントロールのグループ化がわかりやすくなります。At the bottom of the example, no group controls are used, and navigation proceeds across and then down as normal which is not intuitive given the control groupings.

グループの拡張コントロールを表示して、グループ内で移動する前にナビゲーションを進めるアニメーション

同様に、フォームギャラリーコントロールなどのコンテナーを tab キーを使用すると、コンテナーの外部にある次のコントロールに進む前に、コンテナーのすべての要素を移動します。Similarly, tabbing through containers such as Form and Gallery controls will navigate through all elements of the container before proceeding to the next control outside of the container.

Visibleプロパティ値がFalseまたはDisplayModeプロパティ値がDisabledのコントロールは、ナビゲーションに含まれません。Controls which have a Visible property value of false or a DisplayMode property value of Disabled are not included in the navigation.

ブラウザーを使用すると、画面の最後のコントロールから移動すると、ブラウザーの組み込みコントロール (URL アドレスなど) に移動します。When using a browser, navigating from the last control of the screen will move to the browser's built-in controls, such as the URL address.

警告

0より大きいTabIndex値は避けてください。Avoid TabIndex values that are greater than 0. 最終的には、W3C によって "作成者はこれらの値を使用しないことを強く推奨しています" という警告が表示されます。Ultimately controls are rendered in HTML where even the W3C has warned "Authors are strongly advised NOT to use these values." 多くの HTML ツールでは、"画面項目の順序を確認してください" と表示されているときのように、0より大きい値が警告されます。Many HTML tools warn for values greater than 0 as does the App Checker when it reports "Check the order of the screen items." すべての理由から、この方法でTabIndexを使用するのは非常に困難で、スクリーンリーダーなどの補助的なテクノロジを使用できなくなる可能性があります。All for good reason: using TabIndex in this manner can be very difficult to get right and can make assistive technologies such as screen readers unusable.

Tabindexが0より大きいコントロールが存在する場合、ユーザーはtabindex値が増加しているコントロールに移動します (1、2など)。When controls exist with TabIndex greater than 0, users will navigate to controls with increasing TabIndex values (1, then 2, etc). すべてのコントロールに対して、 tabindexの値が正の値に設定されている場合、最後に、ブラウザーの組み込みコントロールを含む、 tabindexが0のコントロールに移動します。When users have navigated all controls with positive TabIndex values, they will finally navigate to controls with TabIndex of 0 including the browser's built-in controls. 同じTabIndexを持つ複数のコントロールがある場合、そのXYの位置によって相対的な順序が決まります。When there are multiple controls with the same TabIndex, their X and Y position determines their relative order.