TV アプリでは、TalkBack に依存するユーザーがアプリを使用するのが難しい場合があります。このようなユーザーに TalkBack のエクスペリエンスを向上させるには、このガイドの各セクションを確認し、必要に応じてアプリに変更を加えます。アプリでカスタムビューを使用する場合は、カスタムビューでユーザー補助機能をサポートする方法を説明した、対応するガイドもご覧ください。
ネストされたビューを処理する
ネストされたビューは、TalkBack ユーザーが操作しにくい場合があります。可能な限り、TalkBack で親ビューまたは子ビューをフォーカス可能にし、両方はフォーカスできないようにしてください。
TalkBack でビューをフォーカス可能にするには、focusable
属性と focusableInTouchMode
属性を true
に設定します。TalkBack がアクティブなときに、テレビデバイスによってはタップモードを開始したり終了したりする可能性があるため、この手順が必要となります。
ビューをフォーカス不可にするには、focusable
属性を false
に設定するだけで済みます。ただし、ビューがアクション可能である(つまり、対応する AccessibilityNodeInfo
が ACTION_CLICK
である)場合、そのビューはフォーカス可能である可能性があります。
アクションの変更の説明
デフォルトでは、アクション可能なビューの場合、TalkBack は「選択して有効にするには選択してください」と読み上げます。 アクションによっては、「有効化」という用語は適切な説明にならない場合があります。より正確な説明を指定するには、次のように修正します。
Kotlin
findViewById<View>(R.id.custom_actionable_view).accessibilityDelegate = object : View.AccessibilityDelegate() { override fun onInitializeAccessibilityNodeInfo(host: View, info: AccessibilityNodeInfo) { super.onInitializeAccessibilityNodeInfo(host, info) info.addAction( AccessibilityAction( AccessibilityAction.ACTION_CLICK.id, getString(R.string.custom_label) ) ) } }
Java
findViewById(R.id.custom_actionable_view).setAccessibilityDelegate(new AccessibilityDelegate() { @Override public void onInitializeAccessibilityNodeInfo(View host, AccessibilityNodeInfo info) { super.onInitializeAccessibilityNodeInfo(host, info); AccessibilityAction action = new AccessibilityAction( AccessibilityAction.ACTION_CLICK.getId(), getString(R.string.custom_label)); info.addAction(action); } });
スライダーのサポートを追加する
テレビの TalkBack では、スライダーが特別にサポートされています。スライダー モードを有効にするには、RangeInfo
オブジェクトとともに ACTION_SET_PROGRESS
をビューに追加します。
テレビのリモコンの中央ボタンを押すと、スライダー モードになります。
このモードでは、矢印ボタンを押すと ACTION_SCROLL_FORWARD
と ACTION_SCROLL_BACKWARD
のユーザー補助アクションが生成されます。
次の例では、レベル 1 ~ 10 の音量スライダーを実装します。
Kotlin
/** * This example only provides slider functionality for TalkBack users. Additional logic should * be added for other users. Such logic may reuse the increase and decrease methods. */ class VolumeSlider(context: Context?, attrs: AttributeSet?) : LinearLayout(context, attrs) { private val min = 1 private val max = 10 private var current = 5 private var textView: TextView? = null init { isFocusable = true isFocusableInTouchMode = true val rangeInfo = AccessibilityNodeInfo.RangeInfo( AccessibilityNodeInfo.RangeInfo.RANGE_TYPE_INT, min.toFloat(), max.toFloat(), current.toFloat() ) accessibilityDelegate = object : AccessibilityDelegate() { override fun onInitializeAccessibilityNodeInfo(host: View, info: AccessibilityNodeInfo) { super.onInitializeAccessibilityNodeInfo(host, info) info.addAction(AccessibilityNodeInfo.AccessibilityAction.ACTION_SET_PROGRESS) info.rangeInfo = rangeInfo } override fun performAccessibilityAction(host: View, action: Int, args: Bundle?): Boolean { if (action == AccessibilityNodeInfo.AccessibilityAction.ACTION_SCROLL_FORWARD.id) { increase() return true } if (action == AccessibilityNodeInfo.AccessibilityAction.ACTION_SCROLL_BACKWARD.id) { decrease() return true } return super.performAccessibilityAction(host, action, args) } } } override fun onFinishInflate() { super.onFinishInflate() textView = findViewById(R.id.text) textView!!.text = context.getString(R.string.level, current) } private fun increase() { update((current + 1).coerceAtMost(max)) } private fun decrease() { update((current - 1).coerceAtLeast(min)) } private fun update(newLevel: Int) { if (textView == null) { return } val newText = context.getString(R.string.level, newLevel) // Update the user interface with the new volume. textView!!.text = newText // Announce the new volume. announceForAccessibility(newText) current = newLevel } }
Java
/** * This example only provides slider functionality for TalkBack users. Additional logic should * be added for other users. Such logic can reuse the increase and decrease methods. */ public class VolumeSlider extends LinearLayout { private final int min = 1; private final int max = 10; private int current = 5; private TextView textView; public VolumeSlider(Context context, AttributeSet attrs) { super(context, attrs); setFocusable(true); setFocusableInTouchMode(true); RangeInfo rangeInfo = new RangeInfo(RangeInfo.RANGE_TYPE_INT, min, max, current); setAccessibilityDelegate( new AccessibilityDelegate() { @Override public void onInitializeAccessibilityNodeInfo(View host, AccessibilityNodeInfo info) { super.onInitializeAccessibilityNodeInfo(host, info); info.addAction(AccessibilityAction.ACTION_SET_PROGRESS); info.setRangeInfo(rangeInfo); } @Override public boolean performAccessibilityAction(View host, int action, Bundle args) { if (action == AccessibilityAction.ACTION_SCROLL_FORWARD.getId()) { increase(); return true; } if (action == AccessibilityAction.ACTION_SCROLL_BACKWARD.getId()) { decrease(); return true; } return super.performAccessibilityAction(host, action, args); } }); } @Override protected void onFinishInflate() { super.onFinishInflate(); textView = findViewById(R.id.text); textView.setText(getContext().getString(R.string.level, current)); } private void increase() { update(Math.min(current + 1, max)); } private void decrease() { update(Math.max(current - 1, min)); } private void update(int newLevel) { if (textView == null) { return; } String newText = getContext().getString(R.string.level, newLevel); // Update the user interface with the new volume. textView.setText(newText); // Announce the new volume. announceForAccessibility(newText); current = newLevel; } }