アクセシビリティロールを持つ
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
タッチ可能なコンポーネントが支援技術に要素を説明するための accessibilityRole プロップを持っていることを求めるルール
Not for use with personal data
ルールID: has-accessibility-role
タッチ可能なコンポーネントがスクリーンリーダーのユーザーに要素の役割を説明するためのaccessibilityRoleプロップを持っていることを要求します。
Touchableコンポーネント:
PressableTouchableOpacityTouchableHighlightTouchableWithoutFeedbackTouchableNativeFeedback
なぜ重要か
スクリーンリーダーや他の支援技術が各要素の役割を知らないと、それに対して知的に操作を行うことができず、ユーザーに役割を伝えることもできません。
問題を修正する方法
アクセシブルなタッチ可能なコンポーネントにaccessibilityRoleを追加します。
合格例
TouchableOpacityコンポーネントはアクセシブルで、accessibilityRoleを持っています。
<TouchableOpacity accessibilityRole="button" />
TouchableOpacityコンポーネントはアクセシブルではなく、accessibilityRoleは必要ありません。
<TouchableOpacity accessible={false} />
失敗例
TouchableOpacityコンポーネントはアクセシブルですが、accessibilityRoleがありません。
<TouchableOpacity />